Echart使用記錄-動態設置series的時候,設置了color屬性,但所有的柱狀圖顯示灰白色


在后台獲取數據,根據后台獲取的數據,添加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
                    },

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM