如何在周末更改条形图颜色？

Question

当 xaxis 值为周末时，我想更改图表上条形柱的颜色。

这是我的数据示例：

[

  [

    1564034400000,

    291681

  ],

  [

    1564120800000,

    1533580

  ],

  [

    1564207200000,

    985398

  ],

  [

    1564293600000,

    451679

  ],

  [

    1564380000000,

    1051938459

  ],

  [

    1564466400000,

    1486601

  ],

  [

    1564552800000,

    1712150

  ],

  [

    1564639200000,

    1719820

  ],

  [

    1564725600000,

    2142532

  ],

  [

    1564812000000,

    1332015

  ]

]

我试过这个（）：

data.forEach(x => {              

            ndata.push([x.date, x.eApar]);    

            if(x.date.getDay()==0 || x.date.getDay()==6){

              bcolor="orange"

            }

            else

            {

              bcolor="";

            }

        });

然后在图表建筑上我有这个：

plotOptions: {

              series: {

                color: bcolor

              },

series: [{

          data: ndata,

          type: 'column',

        }],

但它改变了所有列的颜色。

我希望你能帮助我，谢谢！

Answer 1

您可以尝试在两个不同的系列上设置您的数据（根据工作日或周末在几天内缺失值），然后为每个系列定义颜色，如下所示：series: [{    name: 'weekend',    color: '#ffffff',    data: [null, null, null, null, null, value, value]}]; series: [{    name: 'weekdays',    color: '#f20303',    data: [value, value, value, value, value, null, null]}];在这里给出的这个问题的答案中有一个更好的解决方案：如何更改 highcharts 柱形图中每个类别的颜色？. 给不同的点一个像这样的颜色属性：  data: [  {y: 34.4, color: 'red'},     // this point is red  21.8,                        // default blue  {y: 20.1, color: '#aaff99'}, // this will be greenish  20]