Javascript 更改谷歌图表中的Y轴?
这是我试图在谷歌图表的帮助下显示图表的代码Javascript 更改谷歌图表中的Y轴?,javascript,charts,bar-chart,Javascript,Charts,Bar Chart,这是我试图在谷歌图表的帮助下显示图表的代码 <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> <div id="chart_div"></div> <br/> <script> google.charts.load('current', {'packag
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>
<br/>
<script>
google.charts.load('current', {'packages':['bar']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Year', 'Sales', 'Expenses', 'Profit'],
['2014', 1000, 400, 200],
['2015', 1170, 460, 250],
['2016', 660, 1120, 300],
['2017', 1030, 540, 350]
]);
var options = {
chart: {
title: 'Company Performance',
subtitle: 'Sales, Expenses, and Profit: 2014-2017',
},
bars: 'Vertical', // Required for Material Bar Charts.
hAxis: {format: 'decimal'},
height: 400,
colors: ['#1b9e77', '#d95f02', '#7570b3']
};
var chart = new google.charts.Bar(document.getElementById('chart_div'));
chart.draw(data, google.charts.Bar.convertOptions(options));
var btns = document.getElementById('btn-group');
btns.onclick = function (e) {
if (e.target.tagName === 'BUTTON') {
options.hAxis.format = e.target.id === 'none' ? '' : e.target.id;
chart.draw(data, google.charts.Bar.convertOptions(options));
}
}
}
</script>
load('current',{'packages':['bar']});
google.charts.setOnLoadCallback(drawChart);
函数绘图图(){
var data=google.visualization.arrayToDataTable([
[“年度”、“销售额”、“费用”、“利润”],
['2014', 1000, 400, 200],
['2015', 1170, 460, 250],
['2016', 660, 1120, 300],
['2017', 1030, 540, 350]
]);
变量选项={
图表:{
标题:“公司业绩”,
字幕:“销售、费用和利润:2014-2017”,
},
条形图:“垂直”,//物料条形图为必填项。
hAxis:{格式:'十进制'},
身高:400,
颜色:['1b9e77'、'd95f02'、'7570b3']
};
var chart=new google.charts.Bar(document.getElementById('chart_div');
绘制(数据,google.charts.Bar.convertOptions(选项));
var btns=document.getElementById('btn-group');
btns.onclick=函数(e){
如果(e.target.tagName===‘按钮’){
options.hAxis.format=e.target.id=='none'?'':e.target.id;
绘制(数据,google.charts.Bar.convertOptions(选项));
}
}
}
这是我试图显示条形图的代码。我只想在Y轴上显示美元($)符号。请在这方面提供帮助。
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>
<br/>
<script>
google.charts.load('current', {'packages':['bar']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Year', 'Sales', 'Expenses', 'Profit'],
['2014', 1000, 400, 200],
['2015', 1170, 460, 250],
['2016', 660, 1120, 300],
['2017', 1030, 540, 350]
]);
var options = {
chart: {
title: 'Company Performance',
subtitle: 'Sales, Expenses, and Profit: 2014-2017',
},
bars: 'Vertical', // Required for Material Bar Charts.
vAxis: {format: 'currency'},
height: 400,
colors: ['#1b9e77', '#d95f02', '#7570b3']
};
var chart = new google.charts.Bar(document.getElementById('chart_div'));
chart.draw(data, google.charts.Bar.convertOptions(options));
var btns = document.getElementById('btn-group');
btns.onclick = function (e) {
if (e.target.tagName === 'BUTTON') {
options.hAxis.format = e.target.id === 'none' ? '' : e.target.id;
chart.draw(data, google.charts.Bar.convertOptions(options));
}
}
}
</script>
load('current',{'packages':['bar']});
google.charts.setOnLoadCallback(drawChart);
函数绘图图(){
var data=google.visualization.arrayToDataTable([
[“年度”、“销售额”、“费用”、“利润”],
['2014', 1000, 400, 200],
['2015', 1170, 460, 250],
['2016', 660, 1120, 300],
['2017', 1030, 540, 350]
]);
变量选项={
图表:{
标题:“公司业绩”,
字幕:“销售、费用和利润:2014-2017”,
},
条形图:“垂直”,//物料条形图为必填项。
vAxis:{格式:'货币'},
身高:400,
颜色:['1b9e77'、'd95f02'、'7570b3']
};
var chart=new google.charts.Bar(document.getElementById('chart_div');
绘制(数据,google.charts.Bar.convertOptions(选项));
var btns=document.getElementById('btn-group');
btns.onclick=函数(e){
如果(e.target.tagName===‘按钮’){
options.hAxis.format=e.target.id=='none'?'':e.target.id;
绘制(数据,google.charts.Bar.convertOptions(选项));
}
}
}
谢谢@Ajay Raturi