Javascript 如何在谷歌图表API中重命名y轴?
我试图将轴上的标签重命名为低|中|高等级别,而不是条形图中的百分比。有人能给我一个实现它的方法吗Javascript 如何在谷歌图表API中重命名y轴?,javascript,charts,google-visualization,Javascript,Charts,Google Visualization,我试图将轴上的标签重命名为低|中|高等级别,而不是条形图中的百分比。有人能给我一个实现它的方法吗 <script type="text/javascript"> google.charts.load('current', {'packages':['bar']}); google.charts.setOnLoadCallback(drawChart); function drawChart() { var data = google.visu
<script type="text/javascript">
google.charts.load('current', {'packages':['bar']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Programming Languages', 'Expertise Level %'],
['Java', 100],
['C', 80],
['Python', 100],
['Web UX', 100],
['Matlab', 70]
]);
var options = {
bars: 'vertical' // Required for Material Bar Charts.
};
var chart = new google.charts.Bar(document.getElementById('barchart_material'));
load('current',{'packages':['bar']});
google.charts.setOnLoadCallback(drawChart);
函数绘图图(){
var data=google.visualization.arrayToDataTable([
['Programming Languages','Experties Level%'],
['Java',100],
[C',80],
['Python',100],,
[webux',100],
[Matlab',70]
]);
变量选项={
条形图:“垂直”//材质条形图需要。
};
var chart=new google.charts.Bar(document.getElementById('barchart_material');
不幸的是,材料图表没有可用的选项
许多选项不受支持,请参阅-->
但是,使用经典图表,vAxis.ticks
选项可用于自定义轴标签
使用每个刻度的格式化值显示-->低、中、高
vAxis: {
ticks: [
{v: 33.33, f: 'Low'},
{v: 66.67, f: 'Medium'},
{v: 100, f: 'High'}
]
}
请参阅下面的工作片段
它还使用选项-->主题:“材质”
google.charts.load('current'{
回调:图纸,
软件包:['corechart']
});
函数绘图图(){
var data=google.visualization.arrayToDataTable([
['Programming Languages','Experties Level%'],
['Java',100],
[C',80],
['Python',100],,
[webux',100],
[Matlab',70]
]);
变量选项={
主题:"材料",,
言辞:{
滴答声:[
{v:33.33,f:'低'},
{v:66.67,f:'中等'},
{v:100,f:'高'}
]
}
};
var chart=new google.visualization.ColumnChart(document.getElementById('barchart');
图表绘制(数据、选项);
}
谢谢你提出这个答案,这对我来说很好。