javascript – 更改Highcharts系列颜色

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 更改Highcharts系列颜色，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1336字，纯文字阅读大概需要2分钟。

内容图文

编辑：
所以现在我有一个图表,我的所有数据都向右推,但我有不同颜色的标签,我想要显示的集合,但没有数据？更新了我的代码

原帖：
我这里有一个工作高图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系列颜色全部内容，希望文章能够帮你解决javascript – 更改Highcharts系列颜色所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端