使用 JSON 填充图表时 Google 图表中的工具提示

2023-12-06

我目前正在使用 JSON 填充我的 Google 图表,但我还需要自定义工具提示。目前我的 JSON 如下所示:

{
    "cols": [
        {"id": "", "label": "date", "type": "string"},
        {"id": "", "label": "price", "type": "number"}
    ],
    "rows": [
        {"c":[{"v": "Apr 24th","f":null}, {"v": 56000,"f":"56000"}]},
        {"c":[{"v": "May 3rd","f":null}, {"v": 68000,"f":"68000"}]},
        {"c":[{"v": "May 13th","f":null}, {"v": 50400,"f":"50400"}]}
    ]
}

但如果我也像这样在 JSON 中指定我的工具提示:

{
    "cols": [
        {"id": "", "label": "Date", "type": "string"},
        {"id": "", "label": "price", "type": "number"},
        {"id": "", "role": "tooltip", "type": "string"}
    ],
    "rows": [
        {"c":[{"v": "Apr 24th","f":"null"}, {"v": 56000,"f":"56000"}, {"v": "24 April, Price - 56000, Seller-abcd"}]},
        {"c":[{"v": "May 3rd","f":"null"}, {"v": 68000,"f":"68000"}, {"v": "3 May, Price - 68000, Seller-abcd"}]},
        {"c":[{"v": "May 13th","f":"null"}, {"v": 50400,"f":"50400"}, {"v": "23 May, Price - 50000, Seller-abcd"}]}
    ]
}

我收到一条错误消息,表明系列中的所有值都应具有相同的数据类型。

我的客户端代码如下所示:

var jsonData = $.ajax({
    url: '../phps/testPhp.php',
    dataType:"json",
    async: false
}).responseText;

var dataTable = new google.visualization.DataTable(jsonData);

var minVal = 50000;
var maxVal = 70000;    

var chart = new google.visualization.LineChart(document.getElementById('chart_div'));

var options = {
    width: 375, height: 240,
    legend: 'none',
    pointSize: 5,
    backgroundColor: 'transparent',
    vAxis: { minValue: 45000, maxValue: 70000 }
};

chart.draw(dataTable, options);

如果有人知道解决方案,请告诉我。


工具提示列定义错误;应该是这样的:

{"id": "", "role": "tooltip", "type": "string", "p" : { "role" : "tooltip" } }   
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用 JSON 填充图表时 Google 图表中的工具提示 的相关文章

随机推荐

  • 对 JSON 键进行排序并与匹配值合并

    我的 JSON 看起来像这样 json type big date 2012 12 08 qty 6 type small date 2012 12 08 qty 9 type big date 2012 12 15 qty 4 type
  • O(N) 中直到 N 为止的数字的约数计数?

    因此 我们可以使用 sieve 在 O NlogN 算法中计算从 1 到 N 的每个数字的约数 int n cin gt gt n for int i 1 i lt n i for int j i j lt n j i cnt j here
  • CMake将不同子目录中的静态库链接到一个静态库

    我使用CMake构建了一个由多个嵌套静态库组成的项目 下图显示了类似但简单的结构 TestProject CMakeLists txt Main cpp level2 level2 cpp level2 h CMakeLists txt l
  • 需求.txt 与 setup.py

    我开始使用 Python 我已经添加requirements txt and setup py到我的项目 但是 我仍然对这两个文件的用途感到困惑 我读过setup py是为可重新分发的东西而设计的requirements txt是为不可再分
  • 用 C++ 以编程方式打开文档

    我有一个用 C 编写的控制台程序 现在 每当程序用户在控制台中输入 手册 时 我想打开一个手册文档 txt 或 pdf 格式 我怎样才能做到这一点 任何教程的链接都会有帮助 谢谢 尝试编译这段代码 Open cpp to Open exe然
  • 使用递归查找所有索引

    我必须编写一个程序来查找列表或字符串中特定元素的所有索引值 我have to使用递归 我的函数只能接受两个参数 我的问题是我的程序只找到第一个索引然后停止 我该如何更改它以满足我的要求 My code def find all L v re
  • 在 Android 中打开 pdf 时出现问题:文件路径无效

    我需要从我的 Android 应用程序打开一个 pdf 文件 我将 pdf 保存在应用程序包文件夹 data data com app example files 中 我已经在 android 模拟器中安装了 adobe reader 应用
  • Highcharts 中的径向饼图数据标签

    如何将数据标签置于饼图楔形 内部 的中心并与饼图半径对齐 而不是水平或垂直对齐 这是我所追求的图像 如果不是开箱即用的功能 也许有人有一个插件 或者甚至一些实验代码也会有用 Highcharts 不提供在饼图中自动旋转数据标签的选项 您可以
  • 构建 android 项目时出现 CXX1405 cmake 异常

    当我构建项目时出现错误 如下所示 我尝试了很多事情但从未成功 我使用的是 m1 MacBook 这与此错误有关吗 CXX1405 构建 Json 时出现异常启动进程 命令 Users serhat Library Android sdk c
  • 以编程方式创建扩展的 UItableViewCell

    我有一个 tableviewcell 我想在点击时展开和折叠 我找到的所有示例都是故事板基础 我正在尝试以编程方式执行此操作 我最初的想法是创建一个子视图并将其限制到内容视图 但是当我使用以下命令调整单元格的高度时heightForRowA
  • 如何从对于内存来说太大的文件构建(或预先计算)直方图

    python 是否有一个图形库不需要将所有原始数据点存储为numpy数组或列表以绘制直方图 我有一个数据集对于内存来说太大 并且我不想使用子采样来减少数据大小 我正在寻找的是一个可以获取生成器输出的库 从文件生成的每个数据点 作为float
  • 在 Mac 上的 XAMPP 上安装 PHP 7.0 国际化扩展 (Intl)

    我按照此处概述的说明进行操作 在 Mac 上的 XAMPP 上安装 PHP 国际化扩展 Intl 运行 sudo pecl install intl 从地窖中选择了正确的文件 然后发生了这个错误 private tmp pear temp
  • 是否有 CheckStyle 规则强制 if else 关键字位于 if/else 梯形图中的同一行?

    基于这个问题看来 CheckStyle 的默认模板将允许 if else 梯子将if and else有换行符 意思是我愿意this被标记为违规的代码 if true System out println 20 else if true S
  • 按字体计算 Microsoft Word 文档中的字数?

    我有一个包含代码示例的大型文档 我想知道字体 Calibri Body 中所有文本的字数 无论大小如何 我想忽略 Consolas 等 我有一个按斜体计数的宏 作为示例发布 但无法运行它 Sub IgnoreItalics Dim lngW
  • R Shiny 观察事件问题

    当在数据表中选择行并且有人按下 删除行 开关时 我试图从数据框中删除行 input click rows selected 给出所选行的 id 我使用observeEvent和observe似乎有问题 因为代码在我第一次轻按开关时删除了选定
  • Facebook 分享/评论无法正常工作

    在我的页面中 我添加了 Facebook 评论和分享按钮 一切都是按照他们的指示完成的 所以 我已经包含了加载脚本 div div
  • Facelets:使用 ui:param 将 bean 名称传递给操作属性

    由于某些自定义组件在其属性中需要 bean 名称 而不是 bean 实例 因此我需要在页面之间传递实际的 bean 名称 由于 bean 本身也被非自定义组件使用 我想避免使用额外的ui param 就像这里描述的那样在 中传递操作 因为它
  • 奇怪 - mysql 的 sql::SQLException 没有被它的类型捕获,而是被捕获为 std::exception 并成功地返回

    我正在使用 mysql c 连接器和这个 有点简化的 代码 try statement gt setString 1 word statement gt executeUpdate catch sql SQLException e I do
  • 如何以delphi形式使用Gif动画

    我认为 gif 动画图像没有原生支持 怎样才是最好的方法呢 任何允许这样做的免费组件 我正在考虑使用 TImage 和 ImageList Timer 但我需要将 gif 的每一帧导出到单独的 bmp 文件 在现代 Delphi 中这非常简
  • 使用 JSON 填充图表时 Google 图表中的工具提示

    我目前正在使用 JSON 填充我的 Google 图表 但我还需要自定义工具提示 目前我的 JSON 如下所示 cols id label date type string id label price type number rows c