【问题标题】:Highchart tooltip with json data带有 json 数据的 Highchart 工具提示
【发布时间】:2015-10-02 14:23:40
【问题描述】:

我正试图从生病的同事那里完成工作,但我的 json 知识太差了,我似乎无法让这个工具提示正常工作。

用于构建高图点的数据正在 json 中编写为:

"data": {
        "parties": [
            [ 48, 138, 130, 84, 82, 72, 65, 55, 40, -40]
        ]
    }

对于每个数据点,我应该能够写一些额外的数据。我发现了一些其他的stackoverflows,它们让我找到了一些可以在工具提示中调用Mydata的东西,除了:Mydata is not defined (in the json) yet.

 tooltip: {
        formatter: function () {
            return 'Extra data: <b>' + this.point.myData + '</b>';

我提供了一个小提琴,您可以在这里查看完整的 json 和 javascript: https://jsfiddle.net/vmt66qb3/1/

如果不破坏东西,我似乎真的无法让它工作,我希望这是足够的信息,因为我无法提供客户的工作链接,但如果您需要更多信息,请询问。

提前致谢。

【问题讨论】:

    标签: javascript jquery json highcharts tooltip


    【解决方案1】:

    你的小提琴不工作。你的 myData 应该用系列点插入。在你的情况下:

     dataObject.y = value;
     dataObject.id = 'x-' + index;
     dataObject.myData = your data;
    

    在工具提示格式化程序函数中,您可以将其作为 this.point.mydata 回调;

    【讨论】:

    • 感谢您的回复!小提琴不起作用,因为它只是为了显示我的完整 json(在 css 框中)和 js。不过,我可以这么不礼貌地要求一个更完整的答案吗?因为我试图为每个点放置不同的 myData 但我看不到我应该如何使用提供的代码来做到这一点:“dataObject.myData = your data;”如果弄错了,请纠正我,但在这种情况下,工具提示中的每个点都会显示“您的数据”,我希望每个点都有不同的工具提示文本。再次感谢!
    • 确切地说,你每个点都会有不同的 mydata 值....同时为 x、id 等设置不同的值时,你也必须为 mydata 设置值(在你的循环内)
    • 你能告诉我我是如何为每个点设置值的吗?如果我添加 dataObject.myData = 你的数据;它只是在每一点向我显示“你的数据”?谢谢!!
    • 这样的工作可以吗? if (dataObject.y === '40') { dataObject.myData = '第 40 点的文本'; }
    • 这不是 ofc,我在这方面是个菜鸟:D
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-12-10
    • 1970-01-01
    • 1970-01-01
    • 2013-09-03
    • 1970-01-01
    相关资源
    最近更新 更多