2015-02-07 34 views
0

如果你看一個股票在谷歌(如:search for 'Apple stocks')你會得到一個相當不錯的,互動的圖表看,像這樣:讓谷歌圖表看起來像Google股票?

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

谷歌圖表中的工具提示絕對是非常可定製的。通過設置'tooltip.isHtml:true',您可以使用HTML標記操縱工具提示輸出。谷歌有如何做到這一點細目here