更改Google差异图表中的工具提示名称(当前和之前)

时间:2017-01-03 10:42:33

标签: javascript jquery html google-visualization

我想为调查创建一个谷歌差异图表。这将显示给定用户的用户和调查总数。 我的javascript代码是: -

google.charts.load('current', {packages: ['corechart']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
    var overallData = [];
    var givenData = [];
    overallData.push(['Department', 'Total Users']);
    givenData.push(['Department', 'Given feedback']);
    for (var i in data) {
        overallData.push([data[i].department_name, data[i].emp_count]);
        givenData.push([data[i].department_name, data[i].upward_done]);
    }
    var oldData = google.visualization.arrayToDataTable(overallData);
    var newData = google.visualization.arrayToDataTable(givenData);
    var colChartDiff = new google.visualization.ColumnChart(document.getElementById('feedback_dept_chart'));
    var options = {
        fontName: 'Calibri',
        legend: 'none',
        height: 200,
        width: 960,
        vAxis: {title: 'No of employee'},
        tooltip: {isHtml: false}
    };
    var diffData = colChartDiff.computeDiff(oldData, newData);
    colChartDiff.draw(diffData, options);

数据是: -

[{"department_name":"Design","emp_count":1,"upward_done":1},
 {"department_name":"Management","emp_count":1,"upward_done":0},
 {"department_name":"Technology","emp_count":3,"upward_done":2}]

差异图表的问题是显示名为" current"的工具提示。和"之前"。我希望通过"总用户和#34;来改变它。和#34;给用户调查"。

任何帮助将不胜感激。 感谢

1 个答案:

答案 0 :(得分:5)

将以下工具提示代码添加到选项

    diff: { 
            oldData: { opacity: 1, color: 'yellow',
                 tooltip:{
                    prefix:'Label 1'
                    } 
                  }, 
            newData: { opacity: 1, widthFactor: 1,
                 tooltip:{
                    prefix:'Label 2'
                    }
                 }
          }