谷歌图表x1-xn和xn-xm的不同标签
谷歌图表x1-xn和xn-xm的不同标签
提问于 2013-07-05 14:23:55
如何设置1-5之间的值的X标签，以及5-9和9-15等的不同标签。
我有一个折线图。我想为beetwe1-5(15，y)值设置一个标签，为beetwe 5-9(5-9，y)值设置一个不同的标签。Y可以是一切
回答 2
Stack Overflow用户
回答已采纳
发布于 2013-07-05 16:51:08
编辑:在你添加到问题中的新细节之后，我编辑了这篇文章
编辑:为了在你的情景中更清楚一些
如果您想对不同的值使用不同的标签，我建议使用DataTable对象中的addColum方法。( https://developers.google.com/chart/interactive/docs/datatables_dataviews#creatingpopulating )。它不像其他方法那样直接生成datatable，但更灵活。
例如，让我们假设所有点的数据都放在下一个持有者中：
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',
}
);Stack Overflow用户
发布于 2013-07-05 19:11:58
我希望这能对你有所帮助。在向数据表中添加数据时，您可以这样给出标签名称。
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
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/17482355
复制相关文章
相似问题
腾讯云开发者
