添加属性在php数据表谷歌图表自定义html工具提示
Adding property in php datatable for google chart custom html tooltips
我试图在我的谷歌图表中创建自定义html工具提示,将它们添加到数据表中,现在我的数据表是在PHP中创建的,像这样:
$datatable = array('cols' => array(
array('type' => 'string', 'role' => 'domain', 'label' => 'Month'),
array('type' => 'string', 'role' => 'tooltip'),
array('type' => 'string', 'role' => 'domain', 'label' => 'Omzet'),
array('type' => 'number', 'label' => 'Omzet '.$jaar),
array('type' => 'number', 'label' => 'Omzet '.($jaar-1)),
array('type' => 'string', 'role' => 'domain', 'label' => 'Aantal'),
array('type' => 'number', 'label' => 'Aantal '.$jaar),
array('type' => 'number', 'label' => 'Aantal '.($jaar-1))
));
,并像这样填充:
$datatable['rows'][] = array('c' => array(
array('v' => $monthname),
array('v' => '<h1>custom</h1> tooltip '.$monthname),
array('v' => 'Omzet '.$monthname),
array('v' => $row['totaal']),
array('v' => $omzet),
array('v' => 'Aantal'),
array('v' => $row['aantal']),
array('v' => $aantal)
));
对于数据表你可以在Javascript中指定对于谷歌图表,你需要添加像
这样的东西dataTable.addColumn({'type': 'string', 'role': 'tooltip', 'p': {'html': true}});
,否则工具提示将显示为纯文本而不是HTML标记https://developers.google.com/chart/interactive/docs/customizing_tooltip_content customizing-html-content
这意味着我必须以某种方式添加'p': {'html': true}属性到我的datatable
我试过把它编辑成
array('type' => 'string', 'role' => 'tooltip', 'p' => '{ html : true}'),
或甚至到
array('type' => 'string', 'role' => 'tooltip', 'html' => true),
但是这些似乎都不起作用,我也找不到在谷歌上这样做的方法。
我希望我已经提供了足够的信息来帮助你找到答案,如果你还需要什么,请告诉我。
这是我第一次在这里发布问题,所以请友好(:
您在array('type' => 'string', 'role' => 'tooltip', 'p' => '{ html : true}'),
的轨道上是正确的,但是您需要为'html': true
部分添加一个额外的数组。
应该是array('type' => 'string', 'role' => 'tooltip', 'p' => array('html' => true));
我在这里试了试:链接到test
数据表。addColumn({"类型":"字符串","角色":"提示","p":{"html":真}});
json格式。如果我没理解错的话你只需要把数组转换成json数组。在PHP中,你可以通过json_encode函数来实现。
好的,我已经设法解决了这个问题,问题是我必须添加它作为一个额外的数组元素,像这样:
array('type' => 'string', 'role' => 'tooltip', 'p' => array('html' => true)),
这将以Google图表接受的格式创建JSON,以便将工具提示转换为HTML格式的文本。
- 如何使用Node/Express显示有关特定错误的自定义html页面
- 自定义HTML元素属性未显示-Web组件
- 如何使用ReSharper自定义HTML工具进行JavaScript测试
- 如何访问自定义 HTML 属性
- AngularJS将变量绑定到自定义html属性
- 自定义HTML Shiv的缺点
- 将 d3 演示中的圆圈和文本替换为包含自定义 HTML 和 ko 绑定的 foreignObject
- Wordpress:添加自定义HTML文件
- 使用带有自定义HTML元素的图像usemap
- jQuery使用自定义select()自动完成:自定义HTML中的超链接
- 在递归循环javascript之后,为JSON键变量使用自定义HTML元素
- 如果JavaScript标签是通过谷歌标签管理器插入到页面上的,那么它们的延迟程度是多少;s的自定义HTML
- 如何在没有代码隐藏访问权限的情况下将自定义 HTML 属性添加到 ASP.NET 标签
- 将自定义 HTML 元素与本机元素区分开来
- 如何使用自定义 html 标记来告诉脚本将 html 放在哪里
- 如何在 JSP 中读取 jsp 内部的值打印(作为自定义 HTML 标记)更改事件
- React JSX 中的自定义 HTML 元素标记
- 无法识别流星自定义 HTML 标记
- 使用自定义 html 打印高库存
- Ryan Fait 自定义 HTML 表单和新添加的元素