使用 amCharts,如何重新创建条形图后的阈值,如下所示?
Using amCharts, how can I recreate thresholds behind bars as shown below?
我已经得到了上图作为最终图表应该是什么样子的示例,但我在创建它时遇到了困难。
由于我们正在使用的技术,我们必须使用 amCharts,并且我已经根据需要对列进行了堆叠和着色,但我找不到添加阈值的方法(如浅色 green/blue/yellow).根据图像的顶部以对数比例显示它也很好,但我对此并不那么在意。
感谢任何帮助。
更新:
感谢 xorspark 的大力帮助,我设法得到了它,尽管我最终没有使用对数。
code
在 https://codepen.io/dangerworm/pen/mByGqL for those interested.
您可以使用 guides 指定阈值并标记每个细分。要完成您的特定输出,您需要为每组设置两套指南 - 一套用于填充区域,另一套用于将标签和线条放在顶部。例如:
valueAxes: [
{
logarithmic: true,
guides: [
{
fillColor: "#ffff00",
fillAlpha: 0.5,
lineAlpha: 0,
value: .1, //note that you can't use 0 in a logarithmic axis
toValue: 40
},{
dashLength: 6,
fillColor: "#ffff00",
fillAlpha: 0.5,
label: "poor",
position: "right",
lineAlpha: 1,
value: 40,
},
// ...
]
// ...
}
我已经得到了上图作为最终图表应该是什么样子的示例,但我在创建它时遇到了困难。
由于我们正在使用的技术,我们必须使用 amCharts,并且我已经根据需要对列进行了堆叠和着色,但我找不到添加阈值的方法(如浅色 green/blue/yellow).根据图像的顶部以对数比例显示它也很好,但我对此并不那么在意。
感谢任何帮助。
更新:
感谢 xorspark 的大力帮助,我设法得到了它,尽管我最终没有使用对数。
code
在 https://codepen.io/dangerworm/pen/mByGqL for those interested.
您可以使用 guides 指定阈值并标记每个细分。要完成您的特定输出,您需要为每组设置两套指南 - 一套用于填充区域,另一套用于将标签和线条放在顶部。例如:
valueAxes: [
{
logarithmic: true,
guides: [
{
fillColor: "#ffff00",
fillAlpha: 0.5,
lineAlpha: 0,
value: .1, //note that you can't use 0 in a logarithmic axis
toValue: 40
},{
dashLength: 6,
fillColor: "#ffff00",
fillAlpha: 0.5,
label: "poor",
position: "right",
lineAlpha: 1,
value: 40,
},
// ...
]
// ...
}