javascript - 让 Google 图表看起来像 Google 股票？

Question

如果您在 Google 上查看股票(例如 search for 'Apple stocks' )，您会得到一个相当漂亮且交互式的图表，如下所示:

请注意垂直十字线和漂亮的工具提示。

事实证明，尝试在 Google Charts 上获得类似的东西(我天真地(？)认为使用了相同的技术)要困难得多。

是的，距离不到一百万英里，但没有垂直十字准线，也没有任何其他使 Google 原生股票图表看起来如此漂亮的漂亮细节。

这是我当前的工作:http://jsfiddle.net/6vpjyvLe/

  var options = {
    chart: {
      title: 'Test Chart',
      subtitle: 'with some random times and figures'
    },
      legend: {
          position: 'none'
      },
      crosshair: {
          orientation: 'vertical'
      },
      animation: {
          startup: true,
          duration: 5000
      },
    width: 500,
    height: 300

  };

我一直在关注Google Charts Documentation ，但我在那里尝试过的似乎都不起作用。我什至无法为图表添加动画效果以这种方式添加样式。

是否可以将它们设置为相同的样式？

Answer 1

Google 图表中的工具提示绝对是非常可定制的。通过设置“tooltip.isHtml: true”，您可以使用 HTML 标记操作工具提示输出。谷歌有详细说明如何做到这一点here .