谷歌图表工具提示

Question

我正在使用Google电子表格来为我的柱状图提供数据。为了使单个柱子呈现不同的颜色，我在电子表格中对于每个柱子的相对列设置值为0，这样我就得到了所需的颜色差异。但是，我现在遇到的问题是每个柱子的工具提示不起作用，我想知道该如何在代码中实现正确的工具提示。

google.load('visualization', '1', {packages: ['corechart']});
</script>
<script type="text/javascript">
var visualization;

function drawVisualization() {
    var query = new google.visualization.Query(
        'http://spreadsheets.google.com/tq?key=0AjlSK7_zXoNHdDhrU2xiaHVIQmR1WldYZm1yMTNkM3c&pub=1');

    // Apply query language statement.


    // Send the query with a callback function.
    query.send(handleQueryResponse);
  }

  function handleQueryResponse(response) {
    if (response.isError()) {
      alert('Error in query: ' + response.getMessage() + ' ' + response.getDetailedMessage());
      return;
    }

    var data = response.getDataTable();
     // set the 3rd column to the "tooltip" role
    data.setColumnProperty(3, 'role', 'tooltip');
    visualization = new google.visualization.ColumnChart(document.getElementById('visualization'));
    visualization.draw(data, {legend: 'none', colors:['blue','red'],is3D:'True', isStacked:'true'});
  }

google.setOnLoadCallback(drawVisualization);

- Uaf Fairbanks

---

如果下面的答案对您有用，请点击答案上方的赞/踩箭头下方的勾选标记，以便其他人可以看到这解决了您的问题。如果我的回答不够清晰，或者您仍然遇到问题，请在答案下面添加评论，说明问题所在/哪些地方不清楚。 - jmac

Answer 1

选项A：

调整您的基础数据，使其具有4列而不是3列，第2列中的值与当前带有工具提示的第3列中的值相同（在第一组数据之后）。对新的第2列和第4列使用setColumnProperty()作为工具提示。

选项B：

使用insertColumn()将Javascript中的工具提示列3复制到列2（在第一个数据集之后），这应该具有与选项A相同的效果。您将需要循环复制值，或通过javascript添加相同的数据。

- jmac

---

注意：每个系列只能设置一个列作为工具提示。 - aloplop85