Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/451.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在amcharts&x27;堆叠柱形图,如何在工具提示中显示特定柱的所有值?_Javascript_Amcharts - Fatal编程技术网

Javascript 在amcharts&x27;堆叠柱形图,如何在工具提示中显示特定柱的所有值?

Javascript 在amcharts&x27;堆叠柱形图,如何在工具提示中显示特定柱的所有值?,javascript,amcharts,Javascript,Amcharts,在amcharts堆叠柱形图中, 通过默认方法,当我将鼠标悬停在列中的特定部分上时,我只看到该部分的工具提示 如果我想显示一列的所有值,无论我将鼠标悬停在该列的何处,这怎么可能呢? 编辑: i、 e在本例中, “一”列有3个部分,当我停留在最上面的部分时,它会显示“系列3:33.33%”。我希望它在工具提示中显示“系列1:11.11%系列2:55.56%系列3:33.33%”。可能吗 注:我不是开发人员,而是UI设计师,我的团队说这是不可能的,但通过查看代码,我觉得如果我错了,可以纠正我,但目

在amcharts堆叠柱形图中, 通过默认方法,当我将鼠标悬停在列中的特定部分上时,我只看到该部分的工具提示

如果我想显示一列的所有值,无论我将鼠标悬停在该列的何处,这怎么可能呢? 编辑:

i、 e在本例中,

“一”列有3个部分,当我停留在最上面的部分时,它会显示“系列3:33.33%”。我希望它在工具提示中显示“系列1:11.11%系列2:55.56%系列3:33.33%”。可能吗


注:我不是开发人员,而是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:有关解决方法,请参阅。我个人喜欢将数据与图例一起显示,而不是工具提示,因为工具提示的作用非常有限。