Echarts-柱状图颜色问题

Sherlock_X 发布于 2014/10/30 10:20
阅读 17K+
收藏 0

@Kener-林峰 你好,想跟你请教个问题:


代码如下:

 <div id="DIV_W0048" style="float:left;cursor: pointer;">
<div id="EDIV_W0048" style="height:312px;width:527px"></div> 
<script type="text/javascript">     
require.config({        paths:{              
'echarts' : '/BIWeb/bijs/echart/echarts','echarts/chart/bar' : '/BIWeb/bijs/echart/echarts'         }      });     
 require(         [             'echarts','echarts/chart/bar'         ],        
 function(ec) {            
 var myChart = ec.init(document.getElementById('EDIV_W0048'));
 var ecConfig = require('echarts/config');         
 var option = {calculable:true,tooltip: {trigger:'axis'},
 toolbox: {show:true,feature:{mark:{show:true},
 dataView:{show:true,readOnly:false},magicType:{show:true,type:['line','bar']},
 restore:{show:true},saveAsImage:{show:true}}},
 xAxis: [{type:'category',axisLabel :{formatter:'{value}',interval:0,rotate:25},
 data:['移动业务','渠道服务质量','固网业务','政企产品及行业应用','积分及客户关怀','规则政策类','号百业务']}],
 yAxis: [{name:'',type:'value',splitArea:{show:true},axisLabel :{formatter:'{value}'}}],
 series:[ {type:'bar',
 data:[65,25,9,7,1,1,0]}]    };            
 myChart.setOption(option); myChart.on(ecConfig.EVENT.CLICK,eConsole);
 function eConsole(param) {
 var value1=new Array("110000000000","130000000000","120000000000","170000000000","140000000000","160000000000","150000000000");
 var str = 'W0047,'+value1[param.dataIndex]+','+param.name;DashBoard_Js_link(str);  }       
 }     
 );
 </script>
 </div>


数据是从数据库用一个sql读出来的,所以都放在了一个data里。只找到改变所有柱状图颜色的属性,能给每个柱子都分配不同的颜色吗?求指导

加载中
0
Kener-林峰
Kener-林峰
data级的itemStyle
S
Sherlock_X
已解决!多谢
返回顶部
顶部