Javascript 在amcharts&x27;堆叠柱形图,如何在工具提示中显示特定柱的所有值?
在amcharts堆叠柱形图中, 通过默认方法,当我将鼠标悬停在列中的特定部分上时,我只看到该部分的工具提示 如果我想显示一列的所有值,无论我将鼠标悬停在该列的何处,这怎么可能呢? 编辑: i、 e在本例中, “一”列有3个部分,当我停留在最上面的部分时,它会显示“系列3:33.33%”。我希望它在工具提示中显示“系列1:11.11%系列2:55.56%系列3:33.33%”。可能吗Javascript 在amcharts&x27;堆叠柱形图,如何在工具提示中显示特定柱的所有值?,javascript,amcharts,Javascript,Amcharts,在amcharts堆叠柱形图中, 通过默认方法,当我将鼠标悬停在列中的特定部分上时,我只看到该部分的工具提示 如果我想显示一列的所有值,无论我将鼠标悬停在该列的何处,这怎么可能呢? 编辑: i、 e在本例中, “一”列有3个部分,当我停留在最上面的部分时,它会显示“系列3:33.33%”。我希望它在工具提示中显示“系列1:11.11%系列2:55.56%系列3:33.33%”。可能吗 注:我不是开发人员,而是UI设计师,我的团队说这是不可能的,但通过查看代码,我觉得如果我错了,可以纠正我,但目
注:我不是开发人员,而是UI设计师,我的团队说这是不可能的,但通过查看代码,我觉得如果我错了,可以纠正我,但目前没有简单的方法在x轴级别的单个工具提示中显示所有系列的信息 我已尝试覆盖
xAxis
中的gettooltipext
适配器,并且能够访问原始数据:
...,
xAxes: [{
type: "CategoryAxis",
adapter: {
getTooltipText: function(text, target, key) {
let dataItem = target.dataItemsByCategory.getKey(text),
data = dataItem.dataContext;
// Here you can access the raw data
// i.e., data.value1, data.value2, etc
return text;
}
}
}],
...
但是,我每次都必须重新计算它们的百分比,并且我无法将HTML放在返回文本上(没有getTooltipHTML适配器)
与图例一起显示值
我最终显示了该系列的值以及它们的图例。有一种记录在案的方法可以做到这一点:
您只需在每个系列上定义图例设置,并启用图例和光标:
...,
series: [{
type: "ColumnSeries",
...,
legendSettings: {
valueText: "---%",
legendSettings: "[bold]{valueY.totalPercent.formatNumber('#.00')}%"
},
...
}],
...,
legend: {},
cursor: {
lineX: {
disabled: true
},
lineY: {
disabled: true
}
},
...
演示:你能发布你的代码吗tried@DILEEPTHOMAS我是设计师而不是开发人员,开发团队说这是不可能的。问题是关于这一点:在工具提示中,我想显示特定列的所有数据。您需要在每个堆叠条的顶部显示总计,或者在您悬停的任何位置显示总计,您需要获得总计。因此,在您悬停的第一部分,您需要获得“series 1:11.11%series 2:55.56%series 3:33.33%”。是it@DILEEPTHOMAS是的,是的,你明白了!正如我在任何地方单击第一列一样,不管是哪个部分,它都应该显示所有3个。谢谢David。我希望他们将来注册此功能。这对于在单个列中获取比较视图非常有用。@Arshi:有关解决方法,请参阅。我个人喜欢将数据与图例一起显示,而不是工具提示,因为工具提示的作用非常有限。