使用谷歌图表添加动态标记

时间:2012-02-21 02:32:16

标签: javascript google-visualization

我有使用Google图表创建的折线图。我想添加一个动态标记来标记该图表上的特定点(后来我想添加一条水平线)。这看起来应该可以使用chm参数,但我无法使其工作 - 图表绘制,但没有标记。

我尝试使用chm参数进行各种排列无效。它看起来应该是折线图的有效参数。我错过了什么?

这是我的代码:

    function drawIterationHistory() {
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'Iteration');
        data.addColumn('number', 'Other');
        data.addColumn('number', 'Fail');
        data.addColumn('number', 'Not Run');
        data.addColumn('number', 'Pass');
        data.addRows([
          ['1', 0, 5, 90, 5],
          ['2', 1, 8, 82, 10],
          ['3', 2, 12, 60, 40],
          ['4', 2, 30, 20, 60],
          ['5', null, null, null, null],
          ['6', null, null, null, null]
        ]);

        var options = {
          width: 450, height: 240,
          title: 'Test Plan Iteration History',
          isStacked: 'true',
          hAxis: {title: 'Iteration'},
          vAxis: {title: 'Test Cases'},
          chm: '@a,FF0000,1,2:20,1' // This line does not seem to have an effect
        };

        var chart = new google.visualization.LineChart(document.getElementById('iterationHistory'));
        chart.draw(data, options);
    }

0 个答案:

没有答案