Google visualization 创建带有注释的google图表折线图的选项

以下是我的数据：

dataToDisplay=[[156,"2013-12-01","note one"],
               [206,"2013-12-02","note two"],
               [280,"2013-12-03","note three"],
               [320,"2013-12-04","note four"],
               [0,"2013-12-05",""]]

以下是制作折线图的代码：

chartData = new google.visualization.DataTable();
chartData.addColumn('number', 'Miles');
chartData.addColumn('string', 'Date');
chartData.addColumn({type:'string', role:'annotationText'});
chartData.addRows(dataToDisplay);

graphTitle = 'Mileage'           
var options = {
      title: graphTitle,
      height:600
};

var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
chart.draw(chartData, options);

错误是：

"Data column(s) for axis #0 cannot be of type string"

我不知道发生了什么事。哪一列是轴0

此外，是否有一种方法可以使用以下内容构建带有注释的线图：

var chartData = google.visualization.arrayToDataTable(dataArray);

---

如果是这样，dataArray必须如何构造？

LineChart

只接受字符串作为注释列或域列。第一列是域列，必须指定注释列。在您的例子中，“date”列是导致问题的原因，因为它是第二列，因此应该是数据（“number”类型）列或注释列。您没有将其指定为注释列，因此会出现错误

您的目的是让日期成为注释还是值？如果要将其作为值，则必须将其放在第一列中：

chartData = new google.visualization.DataTable();
chartData.addColumn('string', 'Date');
chartData.addColumn('number', 'Miles');
chartData.addColumn({type:'string', role:'annotation'});

为了使用“annotationText”数据角色，前面的列必须是“annotation”角色列。“annotation”角色在图表上关联数据点处创建一个文本标签，“annotationText”角色创建一个工具提示，当用户将鼠标悬停在标签上时显示