Highcharts 设置图例,数据线,坐标轴颜色

统一配置

Highcharts 默认会有不同y轴,图例,数据线对应的配色,按照顺序依次使用以下的默认颜色集,["#7cb5ec", "#434348", "#90ed7d", "#f7a35c", "#8085e9", "#f15c80", "#e4d354", "#2b908f", "#f45b5b", "#91e8e1"]。使用时则直接在json配置文件中添加对象即可colors = ["", "", ""],可调成自己想要的配色,也可以通过Highcharts.setOptions({colors: ['','']})。
在Highcharts 3.x中默认的颜色集合如下:['#2f7ed8', '#0d233a', '#8bbc21', '#910000', '#1aadce','#492970', '#f28f43', '#77a1e5', '#c42525', '#a6c96a']
在Highcharts 2.x中默认的颜色集合如下:['#4572A7', '#AA4643', '#89A54E', '#80699B', '#3D96AE', '#DB843D', '#92A8CD', '#A47D7C', '#B5CA92']

单独配置
  1. 设置线条的颜色, 在json中series中对应的对象添加color属性,如color: '';该优先级高,会覆盖掉上面所讲的全局统一配置
  2. 设置y轴及相关图例的颜色, 在json中yAxis中添加style属性,如style: { color: Highcharts.getOptions().colors[0] }
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • width: 65%;border: 1px solid #ddd;outline: 1300px solid #...
    邵胜奥阅读 10,329评论 0 1
  • 8. Setting Colors Since release v1.4.0, the ColorTemplate...
    ngugg阅读 4,048评论 0 0
  • 我向往田园生活,我想过采菊东篱下的生活,也想每天把酒话桑麻。 我生长在一个县城,小时候觉得这里很无趣,既没有城市的...
    苗苗的插秧大棚阅读 1,800评论 1 2
  • 时间真是一个有法力的东西,可以让熟悉变陌生。曾经的朋友,好久不见,再见时也很难如从前那样无话不谈了。尴尬在流动,时...
    万儿阅读 1,742评论 2 3
  • 01 职场就是利益场,同事不一定是真心朋友 在里面高总和下属的秘密被老婆知道就是有同事的告状,原因是因为袁枚靠身体...
    一生如意阅读 11,382评论 0 10