Javascript 谷歌图形轴顺序

我有一个简单的输入表单，用户可以使用它通过下拉/选择器输入数据。共有10个问题，每个问题的评分为10分

然后，这些数据填充同一页面上的谷歌图

数据很好地填充了图形，但轴本身变得无序。所以2可以在顶部，10在中间等。我不知道为什么轴会这样“断裂”

请注意，我对Java和一点HTML几乎没有经验，这只是我在尝试学习，但在任何地方都找不到答案，或者至少，当我看到答案时无法识别

有人能帮忙吗

成绩单


品牌卓越

请选择
1.
2.
3.
4.
5.
6.
7.
8.
9
10


相关性：

请选择
1.
2.
3.
4.
5.
6.
7.
8.
9
10



与价值相关的定价：

请选择
1.
2.
3.
4.
5.
6.
7.
8.
9
10



定位：

请选择
1.
2.
3.
4.
5.
6.
7.
8.
9
10



一致性：

请选择
1.
2.
3.
4.
5.
6.
7.
8.
9
10



品牌组合：

请选择
1.
2.
3.
4.
5.
6.
7.
8.
9
10



营销活动：

请选择
1.
2.
3.
4.
5.
6.
7.
8.
9
10



品牌含义：

请选择
1.
2.
3.
4.
5.
6.
7.
8.
9
10



品牌支持：

请选择
1.
2.
3.
4.
5.
6.
7.
8.
9
10



品牌资产：

请选择
1.
2.
3.
4.
5.
6.
7.
8.
9
10






load（'current'，{'packages'：['bar']}）；
google.charts.setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=google.visualization.arrayToDataTable([
[‘指标’、‘提供利益’、‘相关性’、‘与价值相关的定价’、‘定位’、‘一致性’、‘品牌组合’、‘营销活动’、‘品牌意义’、‘品牌支持’、‘品牌资产’]，
[" ", 
value=document.getElementById（“DB”）.value，
value=document.getElementById（“RLV”）.value，
value=document.getElementById（“PRV”）.value，
value=document.getElementById（“PSN”）.value，
value=document.getElementById（“CNS”）.value，
value=document.getElementById（“BP”）.value，
value=document.getElementById（“MA”）.value，
value=document.getElementById（“BM”）.value，
value=document.getElementById（“SOB”）.value，
value=document.getElementById（“BE”）.value，]，
]);
变量选项={
图表：{
标题：“XYZ”，
副标题：“”，
},
条形图：“垂直”//材质条形图需要。
};
var chart=new google.charts.Bar（document.getElementById（'barchart_material'）；
绘制（数据，google.charts.Bar.convertOptions（选项））；
}

由于图表数据中使用了

string

值，y轴上的数据出现了问题，
而不是

number

值

要更正，可以使用

parseInt

将字符串转换为数字

          [" ", 
          parseInt(document.getElementById("DB").value), 
          parseInt(document.getElementById("RLV").value),
          parseInt(document.getElementById("PRV").value),
          parseInt(document.getElementById("PSN").value), 
          parseInt(document.getElementById("CNS").value),
          parseInt(document.getElementById("BP").value),
          parseInt(document.getElementById("MA").value), 
          parseInt(document.getElementById("BM").value),
          parseInt(document.getElementById("SOB").value),
          parseInt(document.getElementById("BE").value)],

请参阅以下工作片段

成绩单


品牌卓越

请选择
1.
2.
3.
4.
5.
6.
7.
8.
9
10


相关性：

请选择
1.
2.
3.
4.
5.
6.
7.
8.
9
10



与价值相关的定价：

请选择
1.
2.
3.
4.
5.
6.
7.
8.
9
10



定位：

请选择
1.
2.
3.
4.
5.
6.
7.
8.
9
10



一致性：

请选择
1.
2.
3.
4.
5.
6.
7.
8.
9
10



品牌组合：

请选择
1.
2.
3.
4.
5.
6.
7.
8.
9
10



营销活动：

请选择
1.
2.
3.
4.
5.
6.
7.
8.
9
10



品牌含义：

请选择
1.
2.
3.
4.
5.
6.
7.
8.
9
10



品牌支持：

请选择
1.
2.
3.
4.
5.
6.
7.
8.
9
10



品牌资产：

请选择
1.
2.
3.
4.
5.
6.
7.
8.
9
10






load（'current'，{'packages'：['bar']}）；
google.charts.setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=google.visualization.arrayToDataTable([
['Metrics'，'De