| <!DOCTYPE html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>ECharts</title> | |
| </head> | |
| <body> | |
| <!--创建一个div用于放结果图--> | |
| <div id="main" style="width: 600px;height:400px;"></div> | |
| <!-- 引入ECharts文件 --> | |
| <script src="Scripts/ECharts/echarts-all.js"></script> | |
| <script type="text/javascript"> | |
| var myChart = echarts.init(document.getElementById('main')); | |
| option = { | |
| xAxis: { | |
| type: 'category', | |
| data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] | |
| }, | |
| yAxis: { | |
| type: 'value' | |
| }, | |
| series: [{ | |
| data: [20, 52, 200, 334, 390, 330, 220], | |
| type: 'bar', // pie 饼图 | |
| itemStyle:{ | |
| normal: | |
| { | |
| color: function (params) | |
| { | |
| if(params.data >0 && params.data <100){ | |
| return "#EA0808"; | |
| }else if(params.data >=100 && params.data<=300 ){ | |
| return "#EAEA08"; | |
| }else if(params.data>300) | |
| { | |
| return "#08A44E"; | |
| } | |
| } | |
| } | |
| } | |
| }] | |
| }; | |
| myChart.setOption(option); | |
| </script> | |
| </body> |
12-12
12-01
2137
2137
10-27
975
975
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
