双分类轴,各有各的颜色
Double category axis, each with its own color
假设我有一个 2010-2020 年的分类轴。 AmCharts 是否可以将类别轴的第一部分(2010-2015)用一种颜色,而另一部分(2016-2020)用另一种颜色?或者有两个顺序轴,每个都有自己的颜色?
或者,我可以使用两个指南来获得相同的效果,但我也无法让它发挥作用。似乎指南不能同时具有 value/toValue 和 category/toCategory。
常规系列图表不支持多个分类轴。您可以有 multi-line 个类别轴标签,但不能单独为它们着色。
要在类别轴标签中插入分隔符,请在类别字符串中使用 \n
符号。 (前提是您使用的是 non-date-based 类别轴)。即:
{
"category": "2010\n2016",
"value1": 100,
"value2": 120
}
下面是这种用法的示例:
http://codepen.io/team/amcharts/pen/42f02ece6ae31376275407437afe4f05
如您所指出的,另一种解决方案是使用指南。您可以添加一些自定义代码来自动为每个类别创建一个指南,就像在这个例子中实现的那样:
http://codepen.io/team/amcharts/pen/7a95aa85ea3871248a189d849a7cf967
最后,如果你可以考虑使用 XY 图表,而不是序列图,你可以有多个水平值轴,可以使用不同的颜色并制作 date-based:
http://codepen.io/team/amcharts/pen/412ad4fbf743be05e154ad4321994699
假设我有一个 2010-2020 年的分类轴。 AmCharts 是否可以将类别轴的第一部分(2010-2015)用一种颜色,而另一部分(2016-2020)用另一种颜色?或者有两个顺序轴,每个都有自己的颜色?
或者,我可以使用两个指南来获得相同的效果,但我也无法让它发挥作用。似乎指南不能同时具有 value/toValue 和 category/toCategory。
常规系列图表不支持多个分类轴。您可以有 multi-line 个类别轴标签,但不能单独为它们着色。
要在类别轴标签中插入分隔符,请在类别字符串中使用 \n
符号。 (前提是您使用的是 non-date-based 类别轴)。即:
{
"category": "2010\n2016",
"value1": 100,
"value2": 120
}
下面是这种用法的示例:
http://codepen.io/team/amcharts/pen/42f02ece6ae31376275407437afe4f05
如您所指出的,另一种解决方案是使用指南。您可以添加一些自定义代码来自动为每个类别创建一个指南,就像在这个例子中实现的那样:
http://codepen.io/team/amcharts/pen/7a95aa85ea3871248a189d849a7cf967
最后,如果你可以考虑使用 XY 图表,而不是序列图,你可以有多个水平值轴,可以使用不同的颜色并制作 date-based:
http://codepen.io/team/amcharts/pen/412ad4fbf743be05e154ad4321994699