Highcharts -如何从提供的JSON数据中获取值以用于xAxis或工具提示

33qvvth1 于 2022-11-10 发布在 Highcharts

关注(0)|答案(1)|浏览(157)

我试图在JSP页面上使用javascript创建图表。我发现了highcharts，它似乎不错。我尝试使用它，并想知道如何从我的数据系列中获得值，并在工具提示和图表的x轴上显示它，如下面的屏幕截图所示。Screenshot
有人知道如何实现这一点吗？到目前为止，我只能使用“www.example.com“获取“name”属性this.series.name，但无法从数据中获取值，我想获取数据期间“01 Jun 2022 - 05 Jun 2022”。
下面是我从SQL select得到的一系列数据：

{"data": [
   ["01 Jun 2022 - 05 Jun 2022",2409],
   ["06 Jun 2022 - 12 Jun 2022",2722],
   ["13 Jun 2022 - 19 Jun 2022",2660]
 ]
,"name":"Unique Users"}

从上面的例子，我可以得到2409使用“this.y”，但不知道如何得到“01六月2022 - 05六月2022”，并显示在工具提示和x轴值。谢谢。

highcharts

来源：https://stackoverflow.com/questions/72685555/highcharts-how-to-get-value-from-provided-json-data-to-use-on-xaxis-or-tooltip

1条答案

按热度按时间

owfi6suc1#

在tooltip.formatter中，你可以记录这个对象，并查看它是如何构建的。

let JSON = [
  ["01 Jun 2022 - 05 Jun 2022", 2409],
  ["06 Jun 2022 - 12 Jun 2022", 2722],
  ["13 Jun 2022 - 19 Jun 2022", 2660]
];

let chart = Highcharts.chart('container', {
  series: [{
    data: JSON
  }],
    tooltip: {
        formatter: function(){
            console.log(this);
            return this.key
        }
    }
});

演示：https://jsfiddle.net/BlackLabel/g03j9etv/2/

赞(0）回复(0）举报 2022-11-10

我来回答

Highcharts -如何从提供的JSON数据中获取值以用于xAxis或工具提示

1条答案

相关问题

热门标签

最新问答