如何更改Google Charts中所选点的样式?

时间:2017-08-08 16:48:52

标签: google-visualization

我正在使用Google Charts构建折线图,我需要更改所选点的样式。

下面的代码在图表加载时单独自定义点,但我需要在用户选择/点击点后设置点的样式。我需要更改所选点的颜色,大小和笔触宽度。

function drawChart() {
    var data = google.visualization.arrayToDataTable
        ([['X', 'Y', {'type': 'string', 'role': 'style'}],
          [1, 3, null],
          [2, 2.5, null],
          [3, 3, null],
          [4, 4, null],
          [5, 4, null],
          [6, 3, 'point { size: 18; shape-type: star; fill-color: #a52714; visible: false }'],
          [7, 2.5, null],
          [8, 3, null]
    ]);

    var options = {
      legend: 'none',
      hAxis: { minValue: 0, maxValue: 9 },
      curveType: 'function',
      pointSize: 7,
      dataOpacity: 0.3
    };

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

https://jsfiddle.net/api/post/library/pure/

0 个答案:

没有答案