Javascript 柱形图是否正在创建其他比例?

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

我已经用谷歌图表创建了我的自定义柱状图,但是我对vAxis上的刻度有一个问题。正如您在这个JSFIDLE中所看到的:在右边有两个刻度被创建?我到处寻找答案!任何帮助都将不胜感激

<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(选项));
};