Javascript 柱形图是否正在创建其他比例?
我已经用谷歌图表创建了我的自定义柱状图,但是我对vAxis上的刻度有一个问题。正如您在这个JSFIDLE中所看到的:在右边有两个刻度被创建?我到处寻找答案!任何帮助都将不胜感激Javascript 柱形图是否正在创建其他比例?,javascript,html,Javascript,Html,我已经用谷歌图表创建了我的自定义柱状图,但是我对vAxis上的刻度有一个问题。正如您在这个JSFIDLE中所看到的:在右边有两个刻度被创建?我到处寻找答案!任何帮助都将不胜感激 <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"> google.charts.load('current', {packages: ['corechart', 'bar']}); google.ch
<script type="text/javascript"
src="https://www.gstatic.com/charts/loader.js">
google.charts.load('current', {packages: ['corechart', 'bar']});
google.charts.setOnLoadCallback(drawStuff);
drawStuff() {
var data = new google.visualization.DataTable();
data.addColumn("string", "Date Range");
data.addColumn("number", "AM");
data.addColumn("number", "PM");
data.addColumn("number", "ETA");
data.addColumn("number", "Under 30 Mins Early");
data.addColumn("number", "Under 60 Mins Early");
data.addColumn("number", "Over 60 Mins Early");
data.addColumn("number", "Under 30 Mins Late");
data.addColumn("number", "Under 60 Mins Late");
data.addColumn("number", "Over 60 Mins Late");
data.addRows([
["Today",123,22,44,66,34,23,55,87,56],
["This Week",123,22,44,66,34,23,55,87,56],
["This Month",123,22,44,66,34,23,55,87,56]
]);
var options = {
isStacked: true,
width: 600,
bar: { groupWidth: "90%" },
height: 500,
legend:{textStyle:
{fontSize: 8}
},
vAxis: {
viewWindow: {
min: 0,
max: 300,
}
},
axisTitlesPosition : "none",
series: {
0: {
targetAxisIndex: 1,
color: "green"
},
1: {
targetAxisIndex: 1,
color: "purple"
},
2: {
targetAxisIndex: 1,
color: "brown"
},
3: {
targetAxisIndex: 2,
color: "blue"
},
4: {
targetAxisIndex: 2,
color: "#00BFFF"
},
5: {
targetAxisIndex: 2,
color: "#87cefa"
},
6: {
targetAxisIndex: 3,
color: "#fa8072"
},
7: {
targetAxisIndex: 3,
color: "#DC143C"
},
8: {
targetAxisIndex: 3,
color: "red"
}
}
};
var chart = new google.charts.Bar(document.getElementById("chart_div3"));
chart.draw(data, google.charts.Bar.convertOptions(options));
};
</script>
<div id="chart_div3" style=" width: 700px; height: 600px;"></div>
load('current',{packages:['corechart','bar']});
google.charts.setOnLoadCallback(drawStuff);
drawStuff(){
var data=new google.visualization.DataTable();
data.addColumn(“字符串”、“日期范围”);
数据。添加列(“编号”、“AM”);
数据。添加列(“编号”、“PM”);
数据。添加列(“编号”、“预计到达时间”);
数据。添加列(“编号”,“提前30分钟以下”);
数据。添加列(“编号”,“提前60分钟以下”);
数据。添加列(“数字”,“提前60分钟以上”);
数据。添加栏(“数字”,“迟到30分钟以下”);
数据。添加栏(“数字”,“迟到60分钟以下”);
数据。添加栏(“数字”,“迟到60分钟以上”);
data.addRows([
[“今天”,123,22,44,66,34,23,55,87,56],
[“本周”,123,22,44,66,34,23,55,87,56],
[“本月”,123,22,44,66,34,23,55,87,56]
]);
变量选项={
isStacked:是的,
宽度:600,
条:{groupWidth:“90%”,
身高:500,
图例:{textStyle:
{fontSize:8}
},
言辞:{
视图窗口:{
分:0,,
最高:300,
}
},
AxisTitlePosition:“无”,
系列:{
0: {
目标指数:1,
颜色:“绿色”
},
1: {
目标指数:1,
颜色:“紫色”
},
2: {
目标指数:1,
颜色:“棕色”
},
3: {
目标指数:2,
颜色:“蓝色”
},
4: {
目标指数:2,
颜色:“00BFFF”
},
5: {
目标指数:2,
颜色:“87cefa”
},
6: {
目标指数:3,
颜色:“fa8072”
},
7: {
目标指数:3,
颜色:“DC143C”
},
8: {
目标指数:3,
颜色:“红色”
}
}
};
var chart=new google.charts.Bar(document.getElementById(“chart_div3”);
绘制(数据,google.charts.Bar.convertOptions(选项));
};