Javascript 谷歌图表-折线图(折线包)上的自定义工具提示不起作用

Javascript 谷歌图表-折线图(折线包)上的自定义工具提示不起作用,javascript,charts,google-visualization,Javascript,Charts,Google Visualization,我正在使用GoogleCharts(可视化,1.1,Line软件包)创建一个简单的图表,其中包含3行、月份和成本轴。除了工具提示自定义之外,所有功能都正常工作: 这是我的密码 google.load('visualization', '1.1', {packages: ['line']}); google.setOnLoadCallback(drawChart); function drawChart() { var data = new google.visualization.Dat

我正在使用GoogleCharts(可视化,1.1,Line软件包)创建一个简单的图表,其中包含3行、月份和成本轴。除了工具提示自定义之外,所有功能都正常工作:

这是我的密码

google.load('visualization', '1.1', {packages: ['line']});
google.setOnLoadCallback(drawChart);

function drawChart() {

  var data = new google.visualization.DataTable();
  data.addColumn('date', 'Month');
  data.addColumn('number', "Line 1");
  data.addColumn('number', "Line 2");
  data.addColumn('number', "Line 3");
  data.addColumn({'type': 'string', 'role': 'tooltip', 'p': {'html': true}});

  data.addRows([
    [new Date(2015, 5),  1000,  980, 800, 'Custom Content 1'],
    [new Date(2015, 6),  1100,  1000, 970, 'Custom Content 2'],
    [new Date(2015, 7),  1550,  1420, 1200, 'Custom Content 3'],
    [new Date(2015, 8),  1050,  1200, 930, 'Custom Content 4'],
    [new Date(2015, 9),  1280,  1120, 1070, 'Custom Content 5'],
    [new Date(2015, 10),  1100,  999, 880, 'Custom Content 6'],

  ]);

  var options = {
    chart: {
      title: 'Custom ToolTips',
      subtitle: 'not working!'
    },
    focusTarget: 'category',
    tooltip: {isHtml: true},
    width: 900,
    height: 500 
  };

  var chart = new google.charts.Line(document.getElementById('linechart_material'));
  chart.draw(data, google.charts.Line.convertOptions(options));
}
你可以在上面测试

当您将鼠标悬停在第一条底线上时,您将获得:

但我想删除顶部的日期并计算总成本(值*2):

这是可能的吗

我已经尝试了我能做的一切,在互联网上搜索和尝试其他代码,但看起来这是不可能使用th行包(而不是CoreChart包),是吗

有人能帮我吗?

摘自以下答案:

在深入研究谷歌的材料图表信息后,我在他们的网站上发现:

材料图表为beta版。外观和交互性都很好 基本上是最终的,但选项的声明方式并非如此


趋势线和工具提示属于创建图表的选项部分,因为它们需要选项结构来进一步定义它们。同样,截至目前(2015年3月),谷歌材料图表不支持这些功能。如果你想使用趋势线和工具提示之类的东西,你需要使用非实质性图表(例如包['corechart']而不是包['District'])。

我不知道你是否可以删除日期(不确定),但你只需将数据放在工具提示列中,就可以增加总成本。我是第一个同意谷歌图表工具提示是一个需要编辑的噩梦的人。我可以在hAxis选项上格式化日期,但我不能删除工具提示上的这个字段。。。我仍然无法在工具提示上添加总成本,即使使用字符串列和ISHTMLTrue选项@利兰博伊尝试过,但也没有成功。下一个项目我将回到AmCharts。感谢您的回复,我也阅读了文档,这是我获取图表绘制信息的地方(google.charts.Line.convertOptions(options))。我还了解到,您可以在corechart软件包中使用“主题:材料”,但我想知道是否有可能“破解”默认工具提示,就像我在图例中所做的那样。再次感谢。