echart-scatter使用散点图,带坐标和项目名称

option = {
timeline: {
show: false,
data: [
‘数据分析‘,
],
label: {
formatter: function (s) {
return s.slice(0, 4);
}
},
autoPlay: false,
heigth: 1,
padding:1,
playInterval: 1500
},
options: [
{
title: {
‘text‘: ‘各城市广告位均价、销售率增幅分析(均价增幅 vs 销售率增幅)‘,
‘subtext‘: ‘----数据来自电子排期系统‘,
‘x‘: ‘center‘,
‘textStyle‘: {fontFamily:‘微软雅黑‘}
},
tooltip: {
trigger: ‘axis‘,
showDelay: 0,
axisPointer: {
show: true,
type: ‘cross‘,
lineStyle: {
type: ‘dashed‘,
width: 1
}
}
},
toolbox: {
‘show‘: true,
orient: ‘vertical‘,
x: ‘right‘,
y: ‘center‘,
‘feature‘: {
‘restore‘: { ‘show‘: true },
‘saveAsImage‘: { ‘show‘: true }
}
},
grid: { ‘y‘: 80, ‘y2‘: 100 },
xAxis: [{
‘type‘: ‘value‘,
‘name‘: ‘均价增幅(%)‘,

}],
yAxis: [{
‘type‘: ‘value‘,
‘name‘: ‘销售率增幅(%)‘,

}],
series: [
{
‘name‘: ‘销售均价增幅 , 销售率增幅‘,
‘type‘: ‘scatter‘,
markLine: {
data: [
{ type: ‘average‘, name: ‘销售均价增幅平均值‘, itemStyle: { normal: { borderColor: ‘green‘ } } },
{ type: ‘average‘, name: ‘销售率增幅平均值‘, valueIndex: 0, itemStyle: { normal: { borderColor: ‘green‘ } } }
]
},
symbol: ‘pin‘,
symbolSize: 5,
itemStyle: {
normal: {
label: {
show: true,
formatter: ‘{b}‘
},
color: ‘#ff6633‘
}
},
‘data‘: result.data //格式[{ name: ‘北京‘, value: [20, 5] }, { name: ‘上海‘, value: [17, 8] }
}
]
}
]
};
myScatter.clear();
myScatter.setOption(option);
}

时间: 2024-11-13 15:21:49

echart-scatter使用散点图,带坐标和项目名称的相关文章

关于不带项目名称访问项目的部署方式

Myeclipse开发Web项目发布到Tomcat下的Root目录即可解决标题问题,平时我们访问http://localhost:8080/会进入tomcat的官方网页.我们这样做便是把我们自己开发的Web项目覆盖掉了原来的. 通常情况下,Web项目是发布到Tomcat下的webapps文件目录下的 .以至于我们访问的时候: 例如:Web应用项目名称为:webManager,则部署到tomcat后,是部署在tomcat/webapps/webManager中,网址为:http://localho

IDEA中部署的项目添加Tomcat自带的一些项目

在IDEA部署项目的时候发现没有tomcat自带的一些项目,有时候我们需要tomcat自带的项目查看一些配置的信息,经过查阅资料后做记录如下: 1.在Eclipse中点击Run ->Edit Configurations配置Tomcat 选中Tomcat安装目录下的webapps目录: 选中之后 2.到Tomcat安装目录下的conf下配置tomcat-users.xml <role rolename="tomcat"/> <role rolename=&quo

康少带你python项目从部署到上线云服务器

首先,服务器要安装nginx和mysql,网站文件建议放在/usr/local/www,环境python3.6+mysql5.7,阿里云的服务器可以用公共镜像有一个配置好的,不然就自己装一下环境吧. 本项目名称:loginOrRegister 对于小白来说首先我们需要干的一件事情就是安置与配置nginx下面就是nginx的配置 1.nginx配置 安装nginx # gcc 安装 yum install gcc-c++ # PCRE pcre-devel 安装 yum install -y pc

tomcat部署项目去掉项目名称,直接IP地址不带项目名称访问

第一步.去除端口号8080 将server.xml中的 ?<Connector port="8080" protocol="HTTP/1.1" ? ? ? ? ? ? ? ?connectionTimeout="40000" ? ? ? ? ? ? ? ?redirectPort="8443" ?enableLookups="false" ?minProcessors="10" m

tomcat去掉项目名称

需求: 把发布到Tomcat下的web项目,访问路径去掉项目名称 问题背景: 以前的.net些的WebService,现在改用java来写了.已经把wsdl搞的基本一致了,但是由于原webservice发布到iis网站的根目录了,所以访问的时候也就没有虚拟目录的名字.但是java写的WebService,放到Tomcat下的时候,默认会带上项目的名称.就多了这么一段: 如原来的wsdl为:http://localhost:8080/SearchReqService.asmx?wsdl 现在的ws

Tomcat不加项目名称访问设置

一.Tomcat不加项目名称访问设置 一.方法一:修改配置文件server.xml 1.修改配置文件server.xml <Host appBase="webapps" autoDeploy="true" name="localhost" unpackWARs="true" xmlNamespaceAware="false" xmlValidation="false"> &l

关于在eclipse中复制项目后引用的还是原来的项目名称

点击项目右键properties,找到web project  setting设置新的项目名称即可

myEclipse跟eclipse修改或复制项目名称后部署名称为原来的名称

一.myEclipse 复制后修改名称,访问不到项目 这是因为,你只是改了项目的名称,而没有改 下面是解决方法: 方法 1.右击你的项目,选择"properties",在"type filter text"中输入"web",按下图表示输入您的新项目名称,记得不能把"/"去掉啊.重启下myEclipse就可以了. 方法2. 找到你项目在myEclipse中workspace中的位置,找不到的,可以右击你的项目,选择"m

学习制作iOS程序第二天:创建子目录、更改项目名称、修改启动画面、修改类前缀、新建启动控制器、修改APP图标

四.根据实际情况创建相应的目录 删除系统默认的部分文件ViewController.h,ViewController.m,Main.storyboard.LaunchScreen.xib 目录根据情况创建,每个人都会不一样的.我的如下. 五:更改项目名称 1.进入项目的Targets属性,找到Build Settings,搜索Product Name,修改属性为真实的软件名称. 2.打开Supporting Files目录下的Info.plist,修改Bundle name为真实的软件名称. 3