gpt4 book ai didi

javascript - 更改 Highcharts 系列颜色

转载 作者:搜寻专家 更新时间:2023-11-01 04:50:29 26 4
gpt4 key购买 nike

编辑:所以现在我有一个图表,所有数据都被推到了右边,但是我有不同颜色的标签用于我想显示但没有数据的集合?更新了我的代码

原帖:我在这里有一个工作图表 http://opensourcesurf.com/chart.html 。问题是当我尝试更改单个数据集的颜色时,它们都会改变。根据我的代码如何更改这些设置?提前致谢!

代码:

    var options1 = {
chart: {
renderTo: 'container1',
type: 'area'

},
xAxis: {
type: 'datetime'

},

series: [{
name: 'Swell Period',
color: '#0066FF',
data: 'newSeriesData',
},
{ name: ' Maximum Breaking Wave Height',
color: '#ffffff',
data: 'newSeriesData',
},
{ name: 'Swell Height',
color: '#123456',
data: 'newSeriesData',
}],
};

var drawChart = function(data, name, color) {



var newSeriesData = {
name: name,
data: data
};

// Add the new data to the series array
options1.series.push(newSeriesData);

// If you want to remove old series data, you can do that here too

// Render the chart
var chart = new Highcharts.Chart(options1);



};
$.getJSON('decode.php', function(data){
drawChart(data, 'Swell Height');
});

$.getJSON('decode2.php', function(data){
drawChart(data, ' Maximum Breaking Wave Height');
});

$.getJSON('decode3.php', function(data){
drawChart(data, 'Swell Period');
});

最佳答案

试试这个:

// 'series' is an array of objects with keys: 
// - 'name' (string)
// - 'data' (array)
// - 'color' (HTML color code)
var newSeriesData = {
name: name,
data: data,
color: color

};

关于javascript - 更改 Highcharts 系列颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19865762/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com