Javascript 更改图例符号highchart的颜色

Javascript 更改图例符号highchart的颜色,javascript,jquery,highcharts,legend,Javascript,Jquery,Highcharts,Legend,是否可以更改Highcharts中的图例符号颜色? 例如,包含两个系列,图例中的符号与系列相同,分别为蓝色和黑色 我在文档中找不到任何symbolColor参数。我怎么把它们都改成黑色呢 legend: { layout: 'vertical', floating: true, align: 'left', verticalAlign: 'top', x: 90, y: 45, symbolPadding: 20, symbolWi

是否可以更改Highcharts中的图例符号颜色? 例如,包含两个系列,图例中的符号与系列相同,分别为蓝色和黑色

我在文档中找不到任何symbolColor参数。我怎么把它们都改成黑色呢

legend: {
    layout: 'vertical',
    floating: true,
    align: 'left',
    verticalAlign: 'top',
    x: 90,
    y: 45,
    symbolPadding: 20,
    symbolWidth: 50,
    symbolColor: '#000000' ?????
},
为每个系列中的图例添加颜色

series: [{color: '#000000',     //change here
            data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
        }, {color: '#000000',                   //change here
            data: [95.6, 54.4, 29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1]
        }]
为每个系列中的图例添加颜色

series: [{color: '#000000',     //change here
            data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
        }, {color: '#000000',                   //change here
            data: [95.6, 54.4, 29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1]
        }]

Highcharts 4.X源代码确实为系列/点查找legendColor参数,但据我所知,如果没有用户选项,则无法设置该参数

如果封装Legend类的colorizeItem函数,则可以设置legendColor属性,然后很容易地使用它。例如,换行:

(function (H) {
    H.wrap(H.Legend.prototype, 'colorizeItem', function (proceed, item, visible) {
        item.legendColor = item.options.legendColor;
        proceed.apply(this, Array.prototype.slice.call(arguments, 1));
    });
}(Highcharts));
以及图表选项中的用法:

$('#container').highcharts({
    series: [{
        legendColor: 'black',
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
    }]
});

查看它的外观。

Highcharts 4.X源确实为系列/点查找legendColor参数,但据我所知,如果没有用户选项,则无法设置它

如果封装Legend类的colorizeItem函数,则可以设置legendColor属性,然后很容易地使用它。例如,换行:

(function (H) {
    H.wrap(H.Legend.prototype, 'colorizeItem', function (proceed, item, visible) {
        item.legendColor = item.options.legendColor;
        proceed.apply(this, Array.prototype.slice.call(arguments, 1));
    });
}(Highcharts));
以及图表选项中的用法:

$('#container').highcharts({
    series: [{
        legendColor: 'black',
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
    }]
});
看看它的样子

当序列颜色得到更新时,图例项的颜色将更新。但是,在单击之前,图例不会更改。添加此代码位时:

this.chart.addSeries{ showInLegend:false }; 这个.chart.redraw; } 当序列颜色得到更新时,图例项的颜色将更新。但是,在单击之前,图例不会更改。添加此代码位时:

this.chart.addSeries{ showInLegend:false }; 这个.chart.redraw;
}对我来说,传奇的颜色和系列不同是没有意义的。图例用于描述每个系列是什么,在Highcharts中,也可用于显示/隐藏系列。我可以问一下,为什么你需要图例的颜色与系列不同?让图例的颜色与系列不同对我来说没有意义。图例用于描述每个系列是什么,在Highcharts中,也可用于显示/隐藏系列。我可以问一下,为什么你需要图例与系列不同的颜色?下面的答案是一样的,两者都不适用me@albert我更新了小提琴。在Highcharts 4.X中工作。我可能会看看是否能找到适合5.X的解决方案,但目前这是一个遗留的解决方案。代码表中的小改动应该可以在5.X中使用,与下面的答案相同,并且两者都不适用me@albert我更新了小提琴。在Highcharts 4.X中工作。我可能会看看我是否找到了适合5.X的东西,但目前这是一个遗留的修复程序。通过对代码表进行小的更改,应该可以在5.X@albert中使用。您是否更改了颜色并尝试了?检查@albert你换了颜色并试了吗?检查