如何在Highcharts

Question

我为我的项目使用highcharts，现在我只能制作2种不同的颜色。值为＆gt; = 0时为蓝色，为负值为红色。

有没有办法让它变成3种颜色？ 所以当值= 0时，颜色变为绿色 我尝试使用＆＃34; linkedTo＆＃34; <{3}}上有人证明了这一点，但我的数据[]是动态的。

$(function () {
      $('#jugernaut<?php echo $a; ?>').highcharts({
            chart: {
                  type: 'column',
                   spacing:[0,0,0,0],
      height: 450
            },
            title: {
                  text: '<?php echo $key->carline.' '.$key->conveyeor ?>',
                  style: {
                            fontSize: '18px',
                            fontFamily: 'Verdana, sans-serif'
                  }
            },
    yAxis: 
    {     visible: false,
      tickLength:1, 
           title: {
           text: ''
             },
      labels: {
    style: {
      fontSize: '17px',
      fontWeight: 'bold'
    },
    plotLines: [{
        color: '#C0C0C0',
        width: 5,
        value: 0
    }]

  },
     },
    xAxis:{
     tickInterval:1,
     labels: {
    style: {
      fontSize: '17px',
       fontWeight: 'bold'
    },
  }
   },
        credits: {
                text: '',
    enable:false,
     
          },
  plotOptions:{

    marker:{
      enabled: false
    }
  },
  series: [
  {
    name: ' ',
    type: 'spline',
    data: <?php echo json_encode(${"jamnya".$i});?>,
    color: '#1122DD',
    threshold: 0,
    negativeColor: 'red',
  }
  ]
    });
});

*对不起，如果我的英语太差了

Answer 1

是的，有可能。例如，您可以使用series: [{ data: [-10, -5, 0, 5, 10, 15, 10, 10, 5, 0, -5], zones: [{ value: 0, color: 'red' }, { value: 0.000001, color: 'green' }, { color: 'blue' }] }] 功能来定义三个值级别的颜色。以下是示例代码：

color: 'green'

此外，您可以通过将0属性直接添加到series: [{ data: [-10, -5, {y:0, color: 'green'}, 5, 10, 15, 10, 10, 5, {y:0, color: 'green'}, -5], zones: [{ value: 0, color: 'red' }, { color: 'blue' }] }] 点来实现这一点，就像这样：

public static MvcHtmlString numberDropdownlistFor<TModel, TValue>(this HtmlHelper<TModel> html, Expression<Func<TModel, TValue>> expression)
    {
         Dictionary<string, string> numberList = new Dictionary<string, string>()
        {
           {"", "---DropDown Title---"}
          ,{"1", "one"}
          ,{"2", "two"}
          ,{"3", "three"}
          ,{"4", "four"}
          ,{"5", "five"}
          ,{"6", "six"}
          ,{"7", "seven"}
          ,{"8", "eight"}
          ,{"9", "nine"}
          ,{"10", "ten"}
          ,{"11", "eleven"}
          ,{"12", "twelve"}
         };
 return html.DropDownListFor(expression, new SelectList(numberList, "key", "value"), new { @class = "form-control" });
}

以下是示例：

http://jsfiddle.net/ggxmo9n1/

http://jsfiddle.net/0s8oukLv/

API参考：

https://api.highcharts.com/highcharts/plotOptions.line.zones