javascript - 谷歌图表为 x1-xn 和 xn-xm 绘制不同的标签

Question

如何为 1-5 之间的值设置 X 标签，以及为 5-9 和 9-15 等设置不同的标签。

我有一个折线图。我想为值 beetwen 1-5(15,y) 设置一个标签，为值 beetwe 5-9(5-9,y) 设置一个不同的标签。y 可以是一切

Answer 1

编辑：在您添加到问题中的新细节之后，我编辑了这篇文章

编辑：为了让你的情况更清楚

如果您想为不同的值使用不同的标签，我建议使用 DataTable 对象中的 addColum 方法。（https://developers.google.com/chart/interactive/docs/datatables_dataviews#creatingpopulating）。它不像其他方法那样直接生成数据表，但更灵活。

例如让我们假设所有点的数据都放在下一个持有者中：

var data = [
    {x:"8:00",y:7.5},
    {x:"9:00",y:12.5},
    {x:"10:00",y:2.5} 
];

然后你可以生成图表，填充它并将propper标签设置在（1-5,5-9和9-15）的范围内，如下所示：

dataTable = new google.visualization.DataTable();
dataTable.addColumn('string', 'Date');
dataTable.addColumn('number', 'Potatoes');
dataTable.addColumn({type:'string',role:'tooltip'});

var i, iMax = data.length;
for (i = 0; i < iMax; i++ ) {
    dataTable.addRow();
    dataTable.setValue(i, 0, data[i].x);
    dataTable.setValue(i, 1, data[i].y);
    if (data[i].y < 5 ) {
        dataTable.setValue(i, 2, "(1-5, "+data[i].y+")");
    } else if ( data[i].y < 9 ) {
        dataTable.setValue(i, 2, "(5-9, "+data[i].y+")");
    } else {
        dataTable.setValue(i, 2, "(9-15, "+data[i].y+")");
    }
}

var chart = new google.visualization.LineChart(
    somePlaceholder
);
chart.draw(
    dataTable,
    {
        title: "Title 1",
        hAxis: {title: "Title 2"},
        legend:'none',
    }
);

Answer 2

我希望这能帮到您。在向数据表中添加数据时，您可以像这样给出标签名称。

 var data = google.visualization.arrayToDataTable([
      ['x', 'Cats', 'Blanket 1', 'Blanket 2'],
      ['A',   1,       1,           0.5],
      ['A',   2,       0.5,         1],
      ['A',   4,       1,           0.5],
      ['A',   8,       0.5,         1],
      ['B',   7,       1,           0.5],
      ['B',   7,       0.5,         1],
      ['B',   8,       1,           0.5],
      ['B',   4,       0.5,         1],
      ['C',   2,       1,           0.5],
      ['C',   3.5,     0.5,         1],
      ['C',   3,       1,           0.5],
      ['C',   3.5,     0.5,         1],
      ['C',   1,       1,           0.5],
      ['D',   1,       0.5,         1]
    ]);

这是工作示例