如何显示google图表（折线图）信息（标签）？

Question

line graph column graph

我的图表不断调用控制器以获取数据库中的最新信息。

有两行所以我想显示每行（列）的名称像 red=counts of something // brown=counts of something.

我的另一个条形图有带颜色的线条信息和列名（高亮显示）。

如何添加该信息？

我的折线图代码，

o.data = new google.visualization.DataTable();
        o.data.addColumn('string', 'time');
        o.data.addColumn('number', o.name);
        o.data.addColumn('number', o.name2);
        o.data.addRow(['', 0, 0]);

Answer 1

我不确定我是否理解正确，但根据文档，您必须创建 options 对象并根据需要配置图表，例如为您的条形图或线条添加图例。

来自 google 图表文档的示例：

google.charts.load("current", {packages:["corechart"]});
google.charts.setOnLoadCallback(drawChart);

function drawChart() {

  var data = google.visualization.arrayToDataTable([
    ['Genre', 'Fantasy & Sci Fi', 'Romance', 'Mystery/Crime', 'General',
     'Western', 'Literature', { role: 'annotation' } ],
    ['2010', 10, 24, 20, 32, 18, 5, ''],
    ['2020', 16, 22, 23, 30, 16, 9, ''],
    ['2030', 28, 19, 29, 30, 12, 13, '']
  ]);

  var options = {
    width: 600,
    height: 400,
    legend: { position: 'top', maxLines: 3 },
    bar: { groupWidth: '75%' },
    isStacked: true,
  };

  var view = new google.visualization.DataView(data);

  var chart = new google.visualization.BarChart(document.getElementById("barchart_values"));
  chart.draw(view, options);
}

Fiddle: https://jsfiddle.net/b0jghv4z/

如何显示google图表（折线图）信息（标签）？

How to show google chart (line chart) information(label)?

javascript

jsp

react-google-charts