Google visualization 具有不同数据点的Google折线图_Google Visualization

Google visualization 具有不同数据点的Google折线图

google-visualization

Google visualization 具有不同数据点的Google折线图,google-visualization,Google Visualization,我试图画一个谷歌折线图，其中每条线可能有不同数量的数据点。也就是说，如果x轴有10个值，则某些直线可能只有4或5或任何点的数据。我在这里找到了这个问题的答案：这对我不起作用。我尝试了下划线和双下划线。此外，我还尝试在下划线周围添加“and”。但当我打开html时，该网站仍然是简单的。以下是我的代码： <html> <head> <script type="text/javascript" src="https://www.google.com/jsa

我试图画一个谷歌折线图，其中每条线可能有不同数量的数据点。也就是说，如果x轴有10个值，则某些直线可能只有4或5或任何点的数据。我在这里找到了这个问题的答案：

这对我不起作用。我尝试了下划线和双下划线。此外，我还尝试在下划线周围添加“and”。但当我打开html时，该网站仍然是简单的。以下是我的代码：

<html>
  <head>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'point');
        data.addColumn('number', 'line1');
        data.addColumn('number', 'line2');
        data.addColumn('number', 'line3');
        data.addColumn('number', 'line4');
        data.addColumn('number', 'line5');
        data.addRows([
          ['0', 5, 6, 10, 8,_],
          ['1', 5, 6, 10, 8, 10]]);
        var options = {
          title: 'Test'
        };

        var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
        chart.draw(data, options);
      }
    </script>
  </head>
  <body>
    <div id="chart_div" style="width: 900px; height: 500px;"></div>
  </body>
</html>


load（“可视化”、“1”、{packages:[“corechart”]}）；
setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=new google.visualization.DataTable（）；
data.addColumn（'string'，'point'）；
data.addColumn（'number'，'line1'）；
data.addColumn（'number'，'line2'）；
data.addColumn（'number'，'line3'）；
data.addColumn（'number'，'line4'）；
data.addColumn（'number'，'line5'）；
data.addRows([
['0', 5, 6, 10, 8,_],
['1', 5, 6, 10, 8, 10]]);
变量选项={
标题：“测试”
};
var chart=new google.visualization.LineChart（document.getElementById（'chart_div'））；
图表绘制（数据、选项）；
}

有人知道解决方案吗？

我想答案就在这一页上。
问题是，你不能像在数据数组中一样使用u，因为JS会认为它是一个变量。u是缺失值的编码值。因此，你必须将所有数据转换为编码字符串，才能使用u来缺失值。在链接页面的末尾，似乎有一些函数可以为您实现这种编码

也许你可以这样设置你的数据，而不是你的“内联”方法，所以你不需要使用编码值

<html>
 <head>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
  google.load("visualization", "1", {packages:["corechart"]});
  google.setOnLoadCallback(drawChart);
  function drawChart() {
    var data = new google.visualization.DataTable();
    data.addColumn('string', 'point');
    data.addColumn('number', 'line1');
    data.addColumn('number', 'line2');
    data.addColumn('number', 'line3');
    data.addColumn('number', 'line4');
    data.addColumn('number', 'line5');

    data.addRows(3);
    data.setValue(0, 0, '2004');
    data.setValue(0, 1, 1000);
    data.setValue(0, 2, 400);
    data.setValue(0, 3, 500);
    data.setValue(1, 0, '2005');
    data.setValue(1, 1, 1000);
    data.setValue(1, 2, 400);
    data.setValue(1, 3, 500);
    data.setValue(2, 0, '2006');
    data.setValue(2, 1, 1000);
    data.setValue(2, 2, 400);


    var options = {
      title: 'Test'
    };

    var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
    chart.draw(data, options);
  }
</script>
</head>
 <body>
<div id="chart_div" style="width: 900px; height: 500px;"></div>
 </body>
</html>


load（“可视化”、“1”、{packages:[“corechart”]}）；
setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=new google.visualization.DataTable（）；
data.addColumn（'string'，'point'）；
data.addColumn（'number'，'line1'）；
data.addColumn（'number'，'line2'）；
data.addColumn（'number'，'line3'）；
data.addColumn（'number'，'line4'）；
data.addColumn（'number'，'line5'）；
数据。添加行（3）；
数据集值（0,0，'2004'）；
数据设置值（0，1，1000）；
数据设置值（0,2400）；
数据设置值（0,3500）；
数据。设定值（1,0，'2005'）；
数据设置值（1，1，1000）；
数据设置值（1,2400）；
数据设置值（1500）；
数据。设定值（2,0，'2006'）；
数据设置值（2,1,1000）；
数据设置值（2,2400）；
变量选项={
标题：“测试”
};
var chart=new google.visualization.LineChart（document.getElementById（'chart_div'））；
图表绘制（数据、选项）；
}

也许你可以这样设置你的数据，而不是你的“内联”方法，所以你不需要使用编码值

<html>
 <head>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
  google.load("visualization", "1", {packages:["corechart"]});
  google.setOnLoadCallback(drawChart);
  function drawChart() {
    var data = new google.visualization.DataTable();
    data.addColumn('string', 'point');
    data.addColumn('number', 'line1');
    data.addColumn('number', 'line2');
    data.addColumn('number', 'line3');
    data.addColumn('number', 'line4');
    data.addColumn('number', 'line5');

    data.addRows(3);
    data.setValue(0, 0, '2004');
    data.setValue(0, 1, 1000);
    data.setValue(0, 2, 400);
    data.setValue(0, 3, 500);
    data.setValue(1, 0, '2005');
    data.setValue(1, 1, 1000);
    data.setValue(1, 2, 400);
    data.setValue(1, 3, 500);
    data.setValue(2, 0, '2006');
    data.setValue(2, 1, 1000);
    data.setValue(2, 2, 400);


    var options = {
      title: 'Test'
    };

    var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
    chart.draw(data, options);
  }
</script>
</head>
 <body>
<div id="chart_div" style="width: 900px; height: 500px;"></div>
 </body>
</html>


load（“可视化”、“1”、{packages:[“corechart”]}）；
setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=new google.visualization.DataTable（）；
data.addColumn（'string'，'point'）；
data.addColumn（'number'，'line1'）；
data.addColumn（'number'，'line2'）；
data.addColumn（'number'，'line3'）；
data.addColumn（'number'，'line4'）；
data.addColumn（'number'，'line5'）；
数据。添加行（3）；
数据集值（0,0，'2004'）；
数据设置值（0，1，1000）；
数据设置值（0,2400）；
数据设置值（0,3500）；
数据。设定值（1,0，'2005'）；
数据设置值（1，1，1000）；
数据设置值（1,2400）；
数据设置值（1500）；
数据。设定值（2,0，'2006'）；
数据设置值（2,1,1000）；
数据设置值（2,2400）；
变量选项={
标题：“测试”
};
var chart=new google.visualization.LineChart（document.getElementById（'chart_div'））；
图表绘制（数据、选项）；
}

非常感谢您的快速回复！：）非常感谢您的快速回复！：）