使Google图表看起来像Google Stocks?

时间:2015-02-07 17:35:40

标签: javascript charts google-chartwrapper

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

enter image description here

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

尝试在谷歌图表上获得类似的东西(我天真地(?)假设使用相同的技术)证明要困难得多。

enter image description here

是的,它不是一百万英里之外,但没有垂直十字准线,或任何其他不错的触摸,使谷歌的本地股票图表看起来很好。

这是我当前的工作: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,但我在那里尝试过的任何东西似乎都有效。我甚至无法为图表制作动画,以此方式添加样式。

是否可以将它们设计成相同的样式?

1 个答案:

答案 0 :(得分:1)

Google Charts中的工具提示绝对可以自定义。通过设置'tooltip.isHtml:true',您可以使用HTML标记操作工具提示输出。 Google对如何执行此操作进行了细分here