如何动态更改Highchart颜色

时间:2013-02-08 07:19:21

标签: jquery highcharts

我的高保真问题我的系列是通过循环我的模型动态填充的。如果我还需要根据系列的值更改我的高图的颜色,该怎么办? 这是我的代码

series: [{
           name: 'Flag',
           showInLegend: false,
           pointWidth:24,
           pointPadding:0,
           groupPadding:0,
           data: (function()
           {
              var data = [];

               @{ 
                    var itemSumaryListData  = Model;
                    int subordinateCount = itemSumaryListData.subordinateCount;                                    
                    if(itemSumaryListData.employeeteamlevelsummarylist.Count > 0){
                        foreach (var employee in itemSumaryListData.employeeteamlevelsummarylist) {
                            <text>data.push(@employee.TotalFlag );</text>
                            }
                     }
                 }

                 return data;  
           })()
        }]

2 个答案:

答案 0 :(得分:0)

您可以设置颜色参数:

http://jsfiddle.net/x8JVj/

series: [{
            name: 'Tokyo',
            color:'yellow',
            data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
        }]

答案 1 :(得分:0)

您可以尝试类似于此JSFiddle的内容,并从图表数据中设置MaxValue。

然后在series.zones中使用它:

[{value: ($.MaxValue )*0.5, color: '#00ffff'},...]