1

折线图 柱状图

我的图表不断调用 Controller 以按时间获取数据库中的最新信息。

有两行，所以我想显示每行（列）的名称，例如 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]);
4

1 回答 1

0

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

来自谷歌图表文档的示例：

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);
}

小提琴：https ://jsfiddle.net/b0jghv4z/

于 2020-06-07T10:37:59.133 回答