Charts 更改Google折线图中数据标签的顺序

Charts 更改Google折线图中数据标签的顺序,charts,google-visualization,Charts,Google Visualization,我有一个折线图,沿着下面的线条,我想能够设置哪个标签在顶部。(在本例中,您希望“狗”位于顶部。) 我意识到我可以手动实现这一点——只需切换列的顺序——但实际上我处理的是大型数据集,更希望能够简单地指定标签在轴上的显示顺序,而无需重新排列列本身 有办法吗?我在文档中找不到它 代码示例: load(“当前”{packages:[“corechart”]}); google.charts.setOnLoadCallback(drawChart); 函数绘图图(){ var data=google.v

我有一个折线图,沿着下面的线条,我想能够设置哪个标签在顶部。(在本例中,您希望“狗”位于顶部。)

我意识到我可以手动实现这一点——只需切换列的顺序——但实际上我处理的是大型数据集,更希望能够简单地指定标签在轴上的显示顺序,而无需重新排列列本身

有办法吗?我在文档中找不到它

代码示例:


load(“当前”{packages:[“corechart”]});
google.charts.setOnLoadCallback(drawChart);
函数绘图图(){
var data=google.visualization.arrayToDataTable
([['X'、'dogs'、'cats'],
[0, 1, 9],
[1, 2, 7],
[2, 3, 6],
[3, 3, 9],
]);
变量选项={
系列:{
0:{颜色:'#e2431e'},
1:{color:'#e7711b'},
2:{颜色:'#f1ca3a'},
3:{颜色:'#6f9654'},
4:{颜色:'#1c91c0'},
5:{颜色:'#43459d'},
}
};
var chart=new google.visualization.LineChart(document.getElementById('chart_div'));
图表绘制(数据、选项);
}

没有可用于设置订单的配置选项。
但是您可以使用数据视图来更改列的顺序

DataView
类具有用于
setColumns

它接受一个列索引数组

view.setColumns([0, 2, 1, 4, 3]);
这可以通过使用数组指定顺序来动态完成

请参阅以下工作片段,
这里,
columnOrder
数组用于指定列的顺序

google.charts.load('current'{
软件包:['corechart']
}).然后(函数(){
var data=google.visualization.arrayToDataTable([
['X'、'猫'、'狗'、'鸟'、'爬行动物'、'鱼'、'啮齿动物'],
[0, 1, 9, 5, 8, 3, 2],
[1, 2, 7, 3, 9, 4, 3],
[2, 3, 6, 2, 10, 5, 4],
[3, 3, 9, 5, 11, 6, 5],
]);
//指定顺序
变量列顺序=[
“狗”,
“鸟”,
“猫”,
“鱼”,
“啮齿动物”,
“爬行动物”,
];
//构建数据视图列
var viewColumns=[0];
columnOrder.forEach(函数(标签){
对于(var i=1;i

view.setColumns([0, 2, 1, 4, 3]);