首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >为什么我的AmChart XYChart只为多个系列显示一个工具提示?

为什么我的AmChart XYChart只为多个系列显示一个工具提示?
EN

Stack Overflow用户
提问于 2019-04-18 02:51:14
回答 3查看 1.1K关注 0票数 2

我正在使用AmCharts v4创建一个包含3个系列的XYChart。在创建每个系列时,我会分配一个工具提示:

代码语言:javascript
运行
复制
series.tooltipText = "{name}: [bold]{valueY}[/]";

但是,图表最终仅显示单个工具提示(温度:-50)。

StackOverflow上有许多关于相反问题的问题:当用户想要看到单个组合的工具提示时,默认情况下会显示多个工具提示。例如,我希望我的图表看起来像这个问题中的图表:

Amcharts 4, xychart, limiting the number of tooltips and combining infos in one tooltip

怎么可能我已经创建了3个系列,每个系列都正确显示,每个系列都分配了一个工具提示,但我在悬停时只看到一个工具提示?

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2019-04-18 03:40:23

好的,解释是:我创建了一个图表并将我的数据直接推送到chart.data。

事实证明,对于每个系列,我需要将特定于系列的数据点分别推送到series.data。然后,我会为每个系列获得一个单独的工具提示。这里解释了这个概念:

https://www.amcharts.com/docs/v4/concepts/series/

票数 2
EN

Stack Overflow用户

发布于 2019-09-13 21:18:53

我也有同样的问题,我通过添加

代码语言:javascript
运行
复制
widget.chart.series.getIndex(j).data = datas;

而不是

代码语言:javascript
运行
复制
widget.chart.data = datas;
票数 0
EN

Stack Overflow用户

发布于 2020-06-26 05:23:03

我找到了一个解决方案,也许它是用Angular框架编写的。我写了一个通用的函数,用来逐个上传图表数据。

代码语言:javascript
运行
复制
private uploadChartData(readings: Reading[], dataFieldX: string, dataFieldY: string): void {
    const seriesIndex: number = this.findSeriesIndex(dataFieldY);
    for (const reading of readings) {
        const chartData = {
            [dataFieldX]: reading.timeStamp,
            [dataFieldY]: reading.value
        };
        this.addOneChartData(chartData, seriesIndex);
    }
}

private findSeriesIndex(seriesName: string): number {
    for (let i = 0; i < this.chart.series.values.length; i++) {
        if (this.chart.series.values[i].dataFields.valueY === seriesName) {
            return i;
        }
    }
    return 0;
}

private addOneChartData(chartData: any, seriesIndex: number): void {
    this.chart.addData(chartData);
    this.chart.series.getIndex(seriesIndex).addData(chartData);
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/55734215

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档