Question

我想在图表中添加特定的工具提示。但是，我在ArraytoDataTable中添加它们时遇到了麻烦。我读过一些我应该添加＆＃34; datatable.setcolumnproperty（3，＆＃39; role＆＃39;，＆＃39; tooltip＆＃39;）＆＃34;。但也许它不在一个有效的地方？或者我必须提前指定角色？

这是我的代码：

google.load('visualization', '1', { 'packages': ['corechart'] } );

google.setOnLoadCallback(drawChart);

function drawChart() {


var data = google.visualization.arrayToDataTable([
    ['Kenmerk', 'Belangrijkheid', 'tooltip', { role: 'style' } ],
    ['testa', {10}, 'tooltip1', 'color: #394165'],
    ['testb', {20}, 'tooltip2', 'color: #0CA5AA'],
    ['testc', {30}, 'tooltip3', 'color: #F2941A'],
    ['testd', {40}, 'tooltip4', 'color: #E64E67']
    datatable.setcolumnproperty(3, 'role', 'tooltip');
  ]);

var view = new google.visualization.DataView(data);
  view.setColumns([0, 1,
                   { calc: function(dt, rowIndex) { return dt.getValue (rowIndex, 1).toString() + '%' },
                     sourceColumn: 1,
                     type: "string",
                     role: "annotation" },
                   2]);



  // Set chart options

var options = {
    width: 800,
    height: 600,
    title: 'Hoe belangrijk vindt u elk kenmerk (in percentages uitgedrukt)',
    vAxis:  { format: '#\'%\'', maxValue: '100', minValue: '0'},
    legend: { position: 'none'},
    bar: { groupWidth: '75%' },
          };


  // Instantiate and draw our chart, passing in some options.
var chart = new google.visualization.ColumnChart(document.getElementById("columnchart_values"));
  chart.draw(view, options);
}
 </script>
  <p>
 </p>
 <div id="columnchart_values" style="width: 800px; height: 600px;">
 </div>

Answer 1

我认为你定义工具提示的方式是错误的。检查这个小提琴，看看如何正确地做到这一点。

在这一行中，

l2

像这样替换工具提示，

var data = google.visualization.arrayToDataTable([
['Kenmerk', 'Belangrijkheid', 'tooltip', { role: 'style' } ]

查看此小提琴以获取更多信息 http://jsfiddle.net/ovxLjqyn/

将特定工具提示添加到arraytoDataTable

1 个答案: