Javascript 带curveType的Google折线图：函数更改vAxis值_Javascript_Charts_Google Visualization

Javascript 带curveType的Google折线图：函数更改vAxis值

javascript charts google-visualization

Javascript 带curveType的Google折线图：函数更改vAxis值,javascript,charts,google-visualization,Javascript,Charts,Google Visualization,我试图用一些值显示谷歌折线图。我的最小值是0，最大值是100。我的图表有两条线，而不仅仅是一条线我对图形选项使用curveType:“function”，出于某种原因，在图表中-最小值设置为-100，最大值设置为+200。请运行脚本并查看图表左侧的数字-这些是我询问的值，我希望控制它们我做错了什么这是我的密码： <!DOCTYPE html> <html> <head> </head> <body> <div id="L

我试图用一些值显示谷歌折线图。我的最小值是0，最大值是100。我的图表有两条线，而不仅仅是一条线

我对图形选项使用curveType:“function”，出于某种原因，在图表中-最小值设置为-100，最大值设置为+200。请运行脚本并查看图表左侧的数字-这些是我询问的值，我希望控制它们

我做错了什么

这是我的密码：

 <!DOCTYPE html>
<html>
<head>
</head>

<body>
<div id="LineChart"></div>
</body>

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript">

// Load google charts
google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);

// Draw the chart and set the chart values
function drawChart() {

    var data = new google.visualization.DataTable();
    data.addColumn('string', 'Name');
    data.addColumn('number', 'Value'); 
    data.addColumn('number', 'Value2');
    data.addRows([
    ['5/21/2019',50,50],
    ['5/21/2019',100,0],
    ['5/21/2019',89,11],
    ['5/21/2019',90,10],
    ['5/21/2019',90,10],
    ['5/22/2019',90,10],
    ['5/22/2019',76,24],
    ['5/23/2019',76,24],
    ['5/23/2019',76,24]  
     ]);

        var Lineoptions = {     
        title: 'Overall success',
        lineWidth: 4,       
        colors: ['#c9e3f4','#ea4c4c'],
          curveType: 'function',
        legend:{position:'none'},       
            fontSize:23,
             hAxis : { 
        textStyle : {
            fontSize: 16 
        }
        },
        vAxis : { 
        textStyle : {
            fontSize: 16 
        },
         minValue:0,
            maxValue:100
    },
    annotations: {
    textStyle: {

   fontSize: 25,
   bold: true,
   italic: false,
   color: '#000000', 
   opacity: 1 
   },
    alwaysOutside: true
    }

    };
    var Linechart = new google.visualization.LineChart(document.getElementById('LineChart'));
    Linechart.draw(data, Lineoptions);      
    google.visualization.events.addListener(chart7, 'ready', afterDraw);    
    }   
</script>
</html>


//加载谷歌图表
load（'current'，{'packages'：['corechart']}）；
google.charts.setOnLoadCallback（drawChart）；
//绘制图表并设置图表值
函数绘图图（）{
var data=new google.visualization.DataTable（）；
data.addColumn（'string'，'Name'）；
data.addColumn（'number'，'Value'）；
data.addColumn（'number'，'Value2'）；
data.addRows([
['5/21/2019',50,50],
['5/21/2019',100,0],
['5/21/2019',89,11],
['5/21/2019',90,10],
['5/21/2019',90,10],
['5/22/2019',90,10],
['5/22/2019',76,24],
['5/23/2019',76,24],
['5/23/2019',76,24]  
]);
var Lineoptions={
标题：“全面成功”，
线宽：4，
颜色：['#c9e3f4'，'#EA4C']，
curveType:'函数'，
图例：{位置：'none'}，
尺寸：23，
哈克斯：{
文本样式：{
字体大小：16
}
},
动词：{
文本样式：{
字体大小：16
},
最小值：0，
最大值：100
},
注释：{
文本样式：{
尺寸：25，
黑体字：对，
斜体：错，
颜色：'#000000'，
不透明度：1
},
永远都是这样
}
};
var Linechart=new google.visualization.Linechart（document.getElementById（'Linechart'）；
线条图。绘制（数据、线条选项）；
google.visualization.events.addListener（图表7，'ready'，afterDraw）；
}

不确定为什么

minValue

和

maxValue

不起作用

但是，您可以使用

viewWindow

来代替

  viewWindow: {
    min:0,
    max:100
  }

请参阅以下工作片段

//加载谷歌图表
load（'current'，{'packages'：['corechart']}）；
google.charts.setOnLoadCallback（drawChart）；
//绘制图表并设置图表值
函数绘图图（）{
var data=new google.visualization.DataTable（）；
data.addColumn（'string'，'Name'）；
data.addColumn（'number'，'Value'）；
data.addColumn（'number'，'Value2'）；
data.addRows([
['5/21/2019',50,50],
['5/21/2019',100,0],
['5/21/2019',89,11],
['5/21/2019',90,10],
['5/21/2019',90,10],
['5/22/2019',90,10],
['5/22/2019',76,24],
['5/23/2019',76,24],
['5/23/2019',76,24]
]);
变量行选项={
标题：“全面成功”，
线宽：4，
颜色：['#c9e3f4'，'#EA4C']，
curveType:'函数'，
图例：{位置：'none'}，
尺寸：23，
哈克斯：{
文本样式：{
字体大小：16
}
},
言辞：{
文本样式：{
字体大小：16
},
视图窗口：{
分:0,，
最高：100
}
},
注释：{
文本样式：{
尺寸：25，
黑体字：对，
斜体：错，
颜色：'#000000'，
不透明度：1
},
永远都是这样
}
};
var Linechart=new google.visualization.Linechart（document.getElementById（'Linechart'）；
线条图。绘制（数据、线条选项）；
}