php - 从 Google Charts API 自定义气泡图的工具提示

Question

我正在尝试通过 Google API 更改气泡图中气泡的工具提示。

可以解决我的问题的 role:tooltip 不适用于此类图表。

现在我的气泡显示有关行值的信息，根据文档这是正确的，但我只需要该信息来绘制图表并且我需要显示一个字符串作为工具提示。这个字符串由我需要格式化的一些值组成。

这能做到吗？

郑重声明，我正在使用 PHP 通过 JSON 将数据提供给 Javascript，并且我正在使用来自谷歌的最新 API ( https://www.google.com/jsapi)。

这是我现在的列定义:

$data['cols'][] = array('id' => 'ID', 'label' => 'ID', 'pattern' => "", 'type' => 'string');
$data['cols'][] = array('id' => 'Fecha', 'label' => 'Fecha', 'pattern' => "", 'type' => 'number');
$data['cols'][] = array('id' => 'h', 'label' => 'h', 'pattern' => "", 'type' => 'number');
$data['cols'][] = array('id' => 'stringRes', 'label' => 'Valor', 'pattern' => "", 'type' => 'string');
$data['cols'][] = array('id' => 'Resultado', 'label' => 'Resultado', 'pattern' => "", 'type' => 'number');

提前致谢!

编辑:

[解决方案]

如果有人问同样的问题，我通过删除不想显示的字段标签解决了我的问题，就是这样!

我将列模型更改为:

$data['cols'][] = array('id' => 'ID', 'label' => 'Fecha', 'pattern' => "", 'type' => 'string');
$data['cols'][] = array('id' => 'Fecha', 'label' => '', 'pattern' => "", 'type' => 'number');
$data['cols'][] = array('id' => 'h', 'label' => '', 'pattern' => "", 'type' => 'number');
$data['cols'][] = array('id' => 'stringRes', 'label' => 'Resultado', 'pattern' => "", 'type' => 'string');
$data['cols'][] = array('id' => 'Resultado', 'label' => '', 'pattern' => "", 'type' => 'number');

感谢@jmac 为我的问题提供了一些方法。

Answer 1

您可以使用 setFormattedValue()在您的数据上，以便使用一个值来绘制图表，并在您将鼠标悬停在图表上时弹出一个不同的数字。因为您正在导入数据而我们看不到格式，所以我们无法告诉您具体如何处理它，但这里有一个示例:

var drawVisualizations = function() {
  // Create and populate a data table.
  var data = new google.visualization.DataTable();
  data.addColumn('string', 'Force');
  data.addColumn('number', 'Level');

  // Add 2 rows.
  // google.visualization.DataTable.addRows() can take a 2-dim array of values.
  data.addRows([['Fire', 1], ['Water', 5]]);

  // Add one more row.
  data.addRow(['sand', 4]);

  // Draw a table with this data table.
  var originalVisualization = new google.visualization.Table(document.getElementById('original_data_table'));
  originalVisualization.draw(data);

  // Clone the data table and modify it a little.
  var modifiedData = data.clone();

  // Modify existing cell.
  modifiedData.setFormattedValue(1, 1, "one");

  // Draw a table with this data table.
  var modifiedVisualization = new google.visualization.Table(document.getElementById('modified_data_table'));
  modifiedVisualization.draw(modifiedData);
}

在您的情况下，您需要创建一个函数来循环遍历您的数据表并根据需要格式化您的项目，但无论如何这将使您能够将数字图作为一件事，但是显示为另一个。