javascript - Google Charts 在图表中创建一条新线而不是工具提示消息。

Question

最初，我有一个 温度数组 的图表，它是一个数组，其中包含日期 和温度_值 的数组

温度数组[0] = 2017 年 10 月 17 日 11:42:00 GMT-0400(美国东部时间)，35.6]

它给了我一个漂亮而简单的图表，但现在，我意识到当发生事件时我需要一条字符串消息。例如，如果 11:42 有消息，我希望我的温度图不显示。

最初，我假设如果我在 Temperature_array 中添加一个 event_value，它就会起作用...

温度数组 = [日期、温度值、事件值]，但现在...

基本上，由于 Google arrayToDataTable，它创建了自己的行，并且由于它是字符串，因此不能等同于数值。

所以问题来了，我想做的是让 event 字符串作为消息出现在工具提示中(而不是它自己的行)，但我我对 Google Charts 文档非常困惑。

var thermocouple_chart_options = {
  title: 'The Thermocouple Temperature',
  hAxis: {title: 'Date',  titleTextStyle: {color: '#333'},
  slantedText:true
},
vAxis: {minValue: 0},
explorer: { 
  actions: ['dragToZoom', 'rightClickToReset'],
  axis: 'horizontal',
  keepInBounds: true,
  maxZooImn: 6.0},
  colors: ['#D44E41'],
};

Answer 1

您需要使用工具提示 column role

不确定如何创建数据表

1) 如果您使用的是 arrayToDataTable
在标题行中添加 Angular 色...

['Date', 'Temperature', {role: 'tooltip', type: 'string'}]

2) 如果您使用addColumn

data.addColumn('date', 'Date');
data.addColumn('number', 'Temperature');
data.addColumn({role: 'tooltip', type: 'string'});