双类轴,每个都有自己的颜色

时间:2016-01-04 14:22:49

标签: amcharts

假设我有一个2010-2020年的类别轴。 AmCharts是否可以将类别轴的第一部分(2010-2015)用一种颜色,另一部分(2016-2020)用另一种颜色?或者有两个顺序轴,每个轴都有自己的颜色?

或者我可以使用两个指南来获得相同的效果,但我也无法使用它。似乎指南不能同时具有值​​/ toValue和类别/ toCategory。

1 个答案:

答案 0 :(得分:2)

常规序列图表不支持多个类别轴。您可以使用多行类别轴标签,但不能单独为它们着色。

要在类别轴标签中插入中断,请在类别字符串中使用\n符号。 (假设您使用的是非基于日期的类别轴)。即:

{
  "category": "2010\n2016",
  "value1": 100,
  "value2": 120
}

以下是此类用法的示例:

http://codepen.io/team/amcharts/pen/42f02ece6ae31376275407437afe4f05

另一种解决方案,就像你指出的那样,是使用指南。您可以添加一些自定义代码以自动为每个类别创建指南,就像在此示例中实现的那样:

http://codepen.io/team/amcharts/pen/7a95aa85ea3871248a189d849a7cf967

最后,如果您可以考虑使用XY图表而不是Serial,您可以使用多个水平值轴,这些轴可以采用不同的颜色并基于日期进行:

http://codepen.io/team/amcharts/pen/412ad4fbf743be05e154ad4321994699