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

bilalshahid10

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

我需要为不同的系列类型设置不同的颜色预设。因此,当我添加相同类型的系列时,它们的颜色会从colors数组中选取但是现在,由于某些奇怪的原因,尽管我colors为每种系列类型定义了自己的数组,但仍显示了默认颜色

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

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

拉胡尔·古普塔(Rahul Gupta)

从我们自定义的颜色数组中为柱形图的不同系列提供不同颜色的DEMO,从而覆盖高图的默认颜色。

码:

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%']
    }]
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何为系列添加highcharts-ng饼图自定义颜色?

来自分类Dev

Highcharts多个系列的自定义工具提示

来自分类Dev

在HighCharts Line上应用自定义颜色?

来自分类Dev

更改Highcharts系列颜色

来自分类Dev

根据值设置Highcharts系列栏的颜色

来自分类Dev

在HIghcharts中设置自定义图例项目符号(或图标)

来自分类Dev

在Highcharts中设置自定义学分

来自分类Dev

Highcharts:自定义渲染器的选项设置

来自分类Dev

自定义Highcharts xaxis标签

来自分类Dev

Highcharts columnrange 自定义图例

来自分类Dev

点网 Highcharts 系列颜色

来自分类Dev

Highcharts Pie 动态系列颜色

来自分类Dev

如何为PowerShell 5.0设置自定义语法颜色?

来自分类Dev

如何为Piechart元素设置自定义颜色

来自分类Dev

Highcharts-如何在3D散点图上的点工具提示(弹出窗口)中设置自定义内容,或如何自定义点工具提示信息?

来自分类Dev

如何设置Highcharts HTML标签的背景颜色?

来自分类Dev

如何设置Highcharts HTML标签的背景颜色?

来自分类Dev

具有自定义颜色的Highcharts 3D饼图

来自分类Dev

带有自定义 css 类的 Highcharts 5 工具提示颜色

来自分类Dev

如何摆脱highcharts系列标签

来自分类Dev

Highcharts - HighCharts 导航器的特定颜色区域

来自分类Dev

Highcharts系列动画更新

来自分类Dev

HighCharts系列Z索引

来自分类Dev

Highcharts:尝试更新系列

来自分类Dev

columrange 的动态系列 (highcharts)

来自分类Dev

Highcharts 馅饼系列标签

来自分类Dev

Highcharts 系列标签

来自分类Dev

Highcharts:悬停散点图系列时如何更改线条颜色

来自分类Dev

如何更改Highcharts雷达图的背景系列颜色

Related 相关文章

热门标签

归档