Javascript 如何根据highcharts中的值获取动态颜色更改

Javascript 如何根据highcharts中的值获取动态颜色更改,javascript,jquery,json,highcharts,Javascript,Jquery,Json,Highcharts,我正试图用高图绘制一个图表。我需要根据标志值更改颜色 我试着用这个,但我得到的只是根据旗帜改变的分数,但我没有得到线的颜色 这是我的密码 $(function () { var getColor = {'g' : '#008000', 'r' : '#FF0000', 'b' : '#000000'}; $('#container').highcharts({ title: { text: 'Monthly Average

我正试图用高图绘制一个图表。我需要根据标志值更改颜色

我试着用这个,但我得到的只是根据旗帜改变的分数,但我没有得到线的颜色

这是我的密码

$(function () {
var getColor = {'g' : '#008000',
            'r' : '#FF0000',
            'b' : '#000000'};
$('#container').highcharts({
    title: {
        text: 'Monthly Average Temperature',
        x: -20 //center
    },
    subtitle: {
        text: 'Source: WorldClimate.com',
        x: -20
    },
    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
            'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },
    yAxis: {
        title: {
            text: 'Temperature (°C)'
        },
        plotLines: [{
            value: 0,
            width: 1,
            color: '#808080'
        }]
    },
    tooltip: {
        valueSuffix: '°C'
    },
    legend: {
        layout: 'vertical',
        align: 'right',
        verticalAlign: 'middle',
        borderWidth: 0
    }, series: [{
        name: 'London',
        data: [{y:3.9,flag:0,color:'#000000'},{y:4.2,flag:0,color:'#000000'},{y:5.7,flag:1,color:'#008000'},{y:8.5,flag:0,color:'#000000'},{y:11.9,flag:0,color:'#000000'},{y:15.2,flag:0,color:'#000000'},{y:17.0,flag:0,color:'#000000'},{y:16.6,flag:0,color:'#000000'},{y:14.2,flag:2,color:'#ff0000'},{y:10.3,flag:0,color:'#000000'},{y:6.6,flag:1,color:'#008000'},{y:4.8,flag:2,color:'#ff0000'}]
    }]
}/*,function(chart){
$.each(chart.series[0].data,function(i,data){

    if(data.flag == 0){
    console.log('green');
    color : getColor['g']}
    if(data.flag ==1){
    console.log('black');
    color : getColor['b']}
    if(data.flag == 2){
    console.log('red');
    color : getColor['r']}
    });

}*/);
 });
请帮帮我。需要沿着点获得彩色线。。我没有犯错误,请帮帮我

您可以使用,例如:

只需将序列的类型更改为
彩色线
,并为每个点设置
分段颜色
,它定义了当前点和下一点之间的线颜色。

您可以使用,例如:



只需将序列类型更改为
coloredline
,并为每个点设置
segmentColor
,该点定义了当前点和下一点之间的线颜色。

您必须使用与使用标志相同的颜色,
data.color=someColor
而不是基于标志oly的
color
,我需要更改颜色。但我得到了很多分数是彩色的,但不是线状的,对不起。但是你想要什么颜色的线呢?如果一个绿色点连接到一个红色点,那么连接它们的线应该是什么颜色?在高图表中我们有区域。。根据区域,我们将更改颜色。我的要求是,当基于标志的标志为0,1,2时,区域颜色应改变。如果flag==0,则应为绿色,如果flag==1,则为黑色,否则为红色。然后需要在series对象中定义zones数组。例如,您必须使用与使用标志相同的颜色,
data.color=someColor
而不是基于标志的
color
,我需要更改颜色。但我得到了很多分数是彩色的,但不是线状的,对不起。但是你想要什么颜色的线呢?如果一个绿色点连接到一个红色点,那么连接它们的线应该是什么颜色?在高图表中我们有区域。。根据区域,我们将更改颜色。我的要求是,当基于标志的标志为0,1,2时,区域颜色应改变。如果flag==0,则应为绿色,如果flag==1,则为黑色,否则为红色。然后需要在series对象中定义zones数组。当我将鼠标悬停在某个点上时,我看到的颜色是该系列的默认颜色。如何显示点颜色而不是系列颜色?使用。请参阅(第一点):是否有一种内置方法可以告诉highcharts使用点颜色作为填充颜色,而不必为系列中的每个点定义标记对象?这在highcharts中被报告为错误。您可以使用解决方法:segmentColor无法动态发送??与此类似的是正确的方法var x=(new Date()).getTime(),//current time y=Math.round($scope.predictiveData[$scope.index1++].value),color='#000000',分段颜色='000000';序列2.添加点([x,y],真,真);当我将鼠标悬停在某个点上时,我看到的颜色是该系列的默认颜色。如何显示点颜色而不是系列颜色?使用。请参阅(第一点):是否有一种内置方法可以告诉highcharts使用点颜色作为填充颜色,而不必为系列中的每个点定义标记对象?这在highcharts中被报告为错误。您可以使用解决方法:segmentColor无法动态发送??与此类似的是正确的方法var x=(new Date()).getTime(),//current time y=Math.round($scope.predictiveData[$scope.index1++].value),color='#000000',分段颜色='000000';序列2.添加点([x,y],真,真);