Charts 在谷歌条形图中,我可以改变单轴标签的样式吗?
以中的条形图为例 有没有办法只更改一个垂直轴标签的样式?例如,我可以将“德克萨斯州休斯顿”改为粗体,而不影响其他城市的名称吗Charts 在谷歌条形图中,我可以改变单轴标签的样式吗?,charts,google-visualization,bar-chart,Charts,Google Visualization,Bar Chart,以中的条形图为例 有没有办法只更改一个垂直轴标签的样式?例如,我可以将“德克萨斯州休斯顿”改为粗体,而不影响其他城市的名称吗 google.charts.load('current', {packages: ['corechart', 'bar']}); google.charts.setOnLoadCallback(drawMultSeries); function drawMultSeries() { var data = google.visualization.arrayT
google.charts.load('current', {packages: ['corechart', 'bar']});
google.charts.setOnLoadCallback(drawMultSeries);
function drawMultSeries() {
var data = google.visualization.arrayToDataTable([
['City', '2010 Population', '2000 Population'],
['New York City, NY', 8175000, 8008000],
['Los Angeles, CA', 3792000, 3694000],
['Chicago, IL', 2695000, 2896000],
['Houston, TX', 2099000, 1953000],
['Philadelphia, PA', 1526000, 1517000]
]);
var options = {
title: 'Population of Largest U.S. Cities',
chartArea: {width: '50%'},
hAxis: {
title: 'Total Population',
minValue: 0
},
vAxis: {
title: 'City'
}
};
var chart = new google.visualization.BarChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
一种方法是等待图表的
'ready'
事件
然后更改'font-weight'
请参阅以下工作片段
google.charts.load('current',{packages:['corechart','bar']});
google.charts.setOnLoadCallback(drawMultSeries);
函数drawMultSeries(){
var data=google.visualization.arrayToDataTable([
[‘城市’、‘2010年人口’、‘2000年人口’],
['New York City,NY',8175000,8008000],
['Los Angeles,CA',3792000,3694000],
[伊利诺伊州芝加哥,26950002896000],
[德克萨斯州休斯顿,2099000,1953000],
['Philadelphia,PA',1526000,1517000]
]);
变量选项={
标题:“美国最大城市的人口”,
图表区:{宽度:'50%},
哈克斯:{
标题:“总人口”,
最小值:0
},
言辞:{
标题:“城市”
}
};
var container=document.getElementById('chart_div');
var chart=新的google.visualization.BarChart(容器);
google.visualization.events.addListener(图表'ready',函数(){
Array.prototype.forEach.call(container.getElementsByTagName('text')、函数(label){
如果(label.innerHTML===“德克萨斯州休斯顿”){
label.setAttribute('font-weight','bold');
}
});
});
图表绘制(数据、选项);
}
一种方法是等待图表的
'ready'
事件
然后更改'font-weight'
请参阅以下工作片段
google.charts.load('current',{packages:['corechart','bar']});
google.charts.setOnLoadCallback(drawMultSeries);
函数drawMultSeries(){
var data=google.visualization.arrayToDataTable([
[‘城市’、‘2010年人口’、‘2000年人口’],
['New York City,NY',8175000,8008000],
['Los Angeles,CA',3792000,3694000],
[伊利诺伊州芝加哥,26950002896000],
[德克萨斯州休斯顿,2099000,1953000],
['Philadelphia,PA',1526000,1517000]
]);
变量选项={
标题:“美国最大城市的人口”,
图表区:{宽度:'50%},
哈克斯:{
标题:“总人口”,
最小值:0
},
言辞:{
标题:“城市”
}
};
var container=document.getElementById('chart_div');
var chart=新的google.visualization.BarChart(容器);
google.visualization.events.addListener(图表'ready',函数(){
Array.prototype.forEach.call(container.getElementsByTagName('text')、函数(label){
如果(label.innerHTML===“德克萨斯州休斯顿”){
label.setAttribute('font-weight','bold');
}
});
});
图表绘制(数据、选项);
}