Question

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

我有折线图。我想为值为beetwen 1-5（15，y）的值设置一个标签，用于值为beetwe 5-9（5-9，y）的不同标签。 y可以是evrything

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

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

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

这是工作sample

谷歌图表x1-xn和xn-xm的不同标签

2 个答案: