javascript – Highcharts – 如何为系列设置自定义颜色

内容导读

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

内容图文

我正在使用Highcharts为项目渲染一些图表.我的问题是,当我尝试在plotOptions.column中设置colors数组时,它不起作用.虽然,它适用于plotOptions.pie.

我需要做的是为不同的系列类型设置不同的颜色预设.因此,当我添加相同类型的系列时,它们会从颜色数组中拾取颜色.但是现在,出于一些奇怪的原因,虽然我已经为每个系列类型定义了我自己的颜色数组,但是显示了默认颜色.

这是更好地理解我的意思的小提琴：
http://jsfiddle.net/c5nhd/1/

以下是官方文档的链接：
http://api.highcharts.com/highcharts#plotOptions.column.colors

解决方法:

DEMO不同颜色的不同系列的柱形图来自我们自定义的颜色数组,从而覆盖了highcharts的默认颜色.

码：

var colors = ['#FF530D', '#E82C0C', '#FF0000', '#E80C7A', '#E80C7A'];
$( '#container' ).highcharts({
    plotOptions: {
        pie: { //working here
            colors: colors
        }
    },
    colors:colors,
    series: [{
        type: 'column',
        data: [25, 34, 15, 17, 19],  
    },{
        type: 'column',
        data: [25, 34, 15, 17, 19],  
    },{
        type: 'column',
        data: [25, 34, 15, 17, 19],  
    }, {
        type: 'pie',
        data: [25, 34, 15, 17, 19],
        center: ['75%', '30%']
    }]
});

内容总结

以上是互联网集市为您收集整理的javascript – Highcharts – 如何为系列设置自定义颜色全部内容，希望文章能够帮你解决javascript – Highcharts – 如何为系列设置自定义颜色所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

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

内容手机端