带有背景色的高图表柱形图

Highcharts Column Graph with background color?

本文关键字：高图表 柱形图 背景色      更新时间：2023-09-26

我正在尝试在Highcharts中制作柱形图，但它不是太热。我本质上是试图为列提供数据点可以覆盖的背景色。如果有意义的话，我想要堆叠的效果而不实际堆叠。对我能做什么有什么想法吗？本质上，我希望它看起来像一个进度条......条形图的顶部和图表本身的顶部之间应该有明显的颜色。我已经尝试过堆叠：百分比，但无济于事。思潮？

我想

到了三个选项：

1）为了达到堆叠的"效果"，实际堆叠它：使用虚拟系列，将颜色设置为您想要的背景颜色，并设置值以填补实际数据的空白。

Example ：

  • http://jsfiddle.net/jlbriggs/Zf8C7/5/
[

[编辑问题

序列的顺序对此不起作用无关紧要，legendIndex也是如此。

如果您使用多个系列，重要的是每个系列的stack属性 - http://api.highcharts.com/highcharts#series.stack

每个

组都需要自己的堆栈，每个组中的虚拟系列和真实系列需要分配给同一个堆栈。

此外，您需要有一个总体最大值。

更新的示例：

  • http://jsfiddle.net/jlbriggs/4d9tm6b8/4/

（请记住，有更流畅的方法来处理和构建数据 - 这是一个快速而肮脏的示例，其目的是展示如何正确使用 stack 属性来执行您需要的操作）

]]

2）剧情波段，如上所述

3） 使用 alternateGridColor 属性并将数据设置为跳过 x 轴每个点之间的值。

参考：

- http://api.highcharts.com/highcharts#xAxis.alternateGridColor

相关文章：