在后台獲取數據,根據后台獲取的數據,添加series的時候,應用設置了series的顏色,但是最終顯示的時候,所有
的柱狀圖顯示灰白色。
動態設置series代碼
for (var i = 0; i < chart.legend.length; i++) { var seriesMolde = {}; var SeriesItemStyle = {}; var normal = {};//修改后這里新增了一個normal對象 normal.color = lstColor[i];//給normal對象的color屬性賦值 SeriesItemStyle.normal = normal;// seriesMolde.name = chart.legend[i]; seriesMolde.type = 'bar'; seriesMolde.stack = '產能'; seriesMolde.color = lstColor[i]; //這里設置了顏色,但是最后還是顯示灰白 seriesMolde.label = SeriesLabel; seriesMolde.itemStyle = SeriesItemStyle;//給itemStyle屬性賦值 seriesMolde.data = chart.TopAll[i]; SeriesLineMachine.push(seriesMolde); }
換成可以直觀看的Echar option代碼
{ name: '名稱', type: 'bar', color: '#63b2ee', stack: '明細', itemStyle: {//除了上面設置顏色外,這里還需要設置顏色 normal: { color: '#63b2ee' } }, label: { normal: { show: true, position: 'inside', align: 'center', verticalAlign: 'middle', color: 'white', borderColor: '#9ACD32', formatter: function (params) { if (params.value == '0.00') { return ''; } else { return params.value + '%'; } } } }, data: chart.dataBaiDian },