Question

我希望如果该值低于300，则对齐必须为“正确”，并且条的颜色将为黄色。

我需要为每个类别制定此条件。但是，我不知道该怎么做。

plotOptions: {
            bar: {
                dataLabels: {
                padding:0,
                allowOverlap:true,
                    enabled: true,
                    align: 'left',
                    color: '#FFFFFF',
                    inside: true,
                    crop: false,
                    overflow:"none",
                        formatter: function() {

                    return this.series.name+ " "+ this.y;

                    console.log(this.series.name);
                },
                    style:{
                        width:100
                    }

                }
            }
        }

Answer 1

我至少可以解决一半的问题。但无法弄清楚如何将文本对齐绑定到值。

黄色条，如果值低于300

使用每个系列中的zones属性：

      series: [{
          name: 'bar3',
          data: [600,540,535,500,0],
          color: "#00FF00",

          // Append this to each series:
          zones: [{
            // Make it yellow if <= 300
            color: '#f0e600',
            value: 300
          }]
        }]

根据值HIGHCHARTS放置条件

1 个答案: