EChart
关注
分享
扫一扫
大大大大大桃子
这个作者很懒，什么都没留下…
展开
-
echart报错: echarts.js:5073 Uncaught Error: Component series. not exists. Load it first
设置series的时候确保name,data,type这3个必须的属性设置上了.series: [{ name:'得到', type:'line', data:[100.,311.3,322.8,]}],原创 2016-12-07 14:01:12 · 24667 阅读 · 1 评论 -
ECharts 去掉地图(map)的指示图(visualMap)
ECharts 去掉地图(map)的指示图(visualMap): 只需要将visualMap的show改为false即可(只是隐藏指示,设置的颜色,最大最小值等映射都不会影响): myChart.setOption(option = { visualMap: { show: false } });原创 2017-06-01 22:20:34 · 15728 阅读 · 0 评论 -
EChart 3.0 设置Y轴反转
注意: 这是3.0以后新加的属性!EChart 设置Y轴反转,只需要将 yAxis 的 inverse 设为 true 即可:yAxis : [ { inverse:true, type : 'value' }]效果是这样滴: X 轴会在上面显示,而 X 轴的数据会在下面显示,这样通常比较丑,所有我们把 X 轴和刻度线都隐藏掉:xAxis : [原创 2017-06-05 15:16:12 · 10898 阅读 · 1 评论 -
Dom’s width & height should be ready before init
EChart 需要提前初始化容器大小. 设置width和height即可原创 2017-05-10 14:33:41 · 7390 阅读 · 0 评论 -
EChart 去掉坐标轴刻度线
EChart 去掉坐标轴刻度线,以Y轴为例,同理X轴:yAxis: { axisTick: { show: false }}效果如下:原创 2017-05-17 16:06:36 · 52522 阅读 · 2 评论 -
Echart 关系图使用
下载资源文件dataTool.min.jsles-miserables.gexf其他自行找 Coding<!DOCTYPE html><html><head> <meta charset='utf-8'> <title>ECharts</title> <!-- 引入 echarts.js --> <script src='echarts.js'></scr原创 2017-04-24 18:43:13 · 6880 阅读 · 0 评论 -
Echart报错: Map china not exists. You can download map file on
Echart报错: Map china not exists. You can download map file on http://echarts.baidu.com/download-map.html下载资源文件去上面提示网址直接下载资源文件即可,注意需要的是 JS ,还是 JSON.使用JS使用<script src='china.js'></script>var chart = echa原创 2017-04-24 16:23:19 · 12850 阅读 · 0 评论 -
EChart 设置折线图圆角
EChart 设置折线图圆角: 只需要在series中设置"barBorderRadius": 0 即可."series": [ { "name": "seriesName", "itemStyle": { "normal": { "barBorderRadius": 0 },原创 2017-05-12 23:14:51 · 8930 阅读 · 1 评论 -
ECharts 设置折线颜色和小圆点颜色
ECharts 设置折线颜色只需要设置lineStyle的color即可, 设置小圆点颜色只需要设置itemStyle的颜色即可.series: [{ name: "seriesName", type: "line", itemStyle: { normal: { color: "#2ec7c9",原创 2017-04-11 11:17:28 · 65267 阅读 · 3 评论 -
ECharts 去掉折线上面的小圆点
Echart 去掉折线上面的小圆点: 只需要加上symbol: "none"即可series:[{ symbol: "none", name: "seriesName", type: "line", data: "seriesData"}]原创 2017-04-11 11:07:57 · 51940 阅读 · 9 评论 -
EChart 设置Y轴分段段数
yAxis.splitNumber ( default: 5) : 坐标轴的分割段数，需要注意的是这个分割段数只是个预估值，最后实际显示的段数会在这个基础上根据分割后坐标轴刻度显示的易读程度作调整。 在类目轴中无效。yAxis : [ { type : 'value', name: '日活（万）', s原创 2017-03-15 11:04:05 · 19863 阅读 · 0 评论 -
Echart去掉X轴、Y轴的网格线
Echart去掉X轴、Y轴的网格线原创 2017-03-23 15:53:28 · 15996 阅读 · 0 评论 -
Echart 如何显示百分比
Echart 显示百分比需要更改的地方有三个: 1. Y轴yAxis : [ { axisLabel: { formatter: '{value} %' } } ]tooltip tooltip: { formatter: '{c}%' }Xseries: [{原创 2017-03-21 17:26:27 · 18487 阅读 · 0 评论 -
echart X,Y轴内容显示不全问题(echart修改图表其大小及位置)
echart可以通过设置grid修改其x,y轴的位置及大小.如上图所示,y轴的内容没有完全显示出来.grid: { x: 70, y: 10 }效果如下图所示:原创 2017-02-13 15:04:02 · 19930 阅读 · 0 评论 -
ECharts 设置地图(map)值变化颜色(visualMap)
ECharts 设置地图(map)值变化颜色(visualMap):visualMap: { min: 800, max: 50000, inRange: { color: ['lightskyblue','yellow', 'orangered'] } }原创 2017-06-01 22:32:44 · 57125 阅读 · 5 评论