高图中的条件标记颜色

rep*_*cln 7 javascript markers highcharts

我正在使用Highcharts,我想用不同的颜色填充折线图中的标记.例如:当变量"a"为1时,用红色填充标记,否则用绿色填充.有可能吗?

这是代码:http://jsfiddle.net/EnyCJ/1/

我试图用格式化程序做到这一点,但它不起作用.有什么建议?

var a=1;

plotOptions: {
 series: {
  marker: {
   fillColor: {
    formatter: function () {
      if (a == 1) {
       return 'red'
      } else {
       return 'green'
      }
    }
   },
  lineWidth: 2,
  }
 }
},
Run Code Online (Sandbox Code Playgroud)

Asa*_*din 8

尝试:

fillColor: a==1 ? "#ff0000" : "#00ff00"
Run Code Online (Sandbox Code Playgroud)

等等


小智 6

您还可以使用区域:

$(function () {
    $('#container').highcharts({
        series: [{
            data: [-10, -5, 0, 5, 10, 15, 10, 10, 5, 0, -5],
            zones: [
              {
                value: 0,
                color: '#f7a35c'
              }, 
              {
                color: '#90ed7d'
              }
            ]
        }]
    });
});
Run Code Online (Sandbox Code Playgroud)

在 jsfiddle.net 中尝试