Echarts
月零Ray
这个作者很懒,什么都没留下…
展开
-
echarts横向柱状图如果想打开网址
代码:var data = eval(data);var xList = new Array();var yList = new Array();var urlList = new Array();for (var j = data.length - 1; j > -1; j--) { var url = data[j].url; xList.push(url....原创 2018-11-09 14:53:26 · 174 阅读 · 0 评论 -
数据多平均时间取固定条数展示,echarts数据多处理数据
js代码:function getfailurerate(start,end,ip) { $.ajax( { url : "report/getvirtual.action", type : "POST", data : { 'ip' : ip, 'startime' : start, 'endtime' : end, }, timeout : 180...原创 2019-05-22 11:02:39 · 744 阅读 · 0 评论 -
echarts水球
教程网址:https://echarts.baidu.com/blog/2017/02/21/echarts-liquidfill-chart-tutorial.htmlDEMO网址(引入js在dist,demo在example):https://github.com/ecomfe/echarts-liquidfillecharts例子:https://gallery.echartsjs....原创 2019-04-25 10:05:14 · 310 阅读 · 0 评论 -
echarts仪表盘
echarts链接:https://gallery.echartsjs.com/editor.html?c=xkasbcOqh0代码:var axislineColor = new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: '#87F3ED' }, {...原创 2019-01-29 10:24:27 · 612 阅读 · 1 评论 -
echarts故障统计多维柱状图 堆叠柱状图 柱状图Demo2
黑底:echarts链接:http://gallery.echartsjs.com/editor.html?c=xnP8JPeu4Roption = { backgroundColor: 'black', color: ['#FFC90E', '#ED1C24'], title: { text: '故障统计', x: 'center',...原创 2018-11-12 17:29:53 · 1055 阅读 · 0 评论 -
echarts中间有字饼图Demo2
echarts链接:http://gallery.echartsjs.com/editor.html?c=xHy2vIPzLQ完整代码:option = { backgroundColor: 'black', title: { text: '标题', x: 'center', textStyle: { ...原创 2018-11-12 17:28:53 · 276 阅读 · 0 评论 -
echarts中国地图坐标弹框
echarts链接:http://gallery.echartsjs.com/editor.html?c=xHkdOlpwWz代码:tooltip: { trigger: 'item', formatter: function(obj) { var name = obj.name; var value = o...原创 2018-11-09 17:37:32 · 1526 阅读 · 0 评论 -
echarts饼图Demo
echarts链接:http://gallery.echartsjs.com/editor.html?c=xHy2vIPzLQ代码:option = { backgroundColor: 'black', title: { text: '标题', x: 'center', textStyle: { f...原创 2018-11-09 15:08:45 · 209 阅读 · 0 评论 -
echarts折线图Demo
echarts链接:http://echarts.baidu.com/examples/editor.html?c=line-stack黑底代码:http://gallery.echartsjs.com/editor.html?c=xr0vvAzzNq&v=1option = { backgroundColor: 'black', tooltip: { ...原创 2018-11-09 15:05:54 · 1041 阅读 · 6 评论 -
echarts横向柱状图Demo
echarts链接:http://gallery.echartsjs.com/editor.html?c=xByfdMz7mM代码:option = { backgroundColor: 'black', tooltip: { trigger: 'axis', backgroundColor: 'rgba(255,255,255,0.8)'...原创 2018-11-09 15:07:04 · 13560 阅读 · 0 评论 -
echarts柱状图Demo
echarts链接:http://gallery.echartsjs.com/editor.html?c=xB1Sfo5JbX代码:var xData = ['a', 'b', 'c', 'd', 'e'];var yData = [80, 87, 51, 81, 23];option = { backgroundColor: 'black', color: ['#3...原创 2018-11-09 15:02:53 · 941 阅读 · 0 评论 -
echarts中国地图散点涟漪效果
echarts中国地图例子:http://gallery.echartsjs.com/editor.html?c=effectScatter-mapvar data = [{ name: '郑州', value: 100 //扩散的大小 }, { name: '北京', value: 100 }, ...原创 2018-11-09 14:59:48 · 7536 阅读 · 6 评论 -
echarts拓扑图(graph,力导向布局图)
echarts链接:https://gallery.echartsjs.com/editor.html?c=xCLEj67T3H讲解:https://www.cnblogs.com/koala2016/archive/2016/12/01/6123003.html代码:jsp:<script type="text/javascript" src="http://echa...原创 2019-06-14 15:20:19 · 18307 阅读 · 0 评论