2015-06-19 35 views
0

我試圖用Google Chart lib重現一些Google Analitycs折線圖樣式。Google Line Charts - GA look'n feel

GA:

enter image description here

谷歌折線圖:

enter image description here

有2個東西,我與再生掙扎:

  • 我可以」找到一種方法來填補這些與背景顏色的線下方的

  • 我沒有找到如何使上線的點總是被顯示出來(目前,我可以上線點擊時顯示其中之一)

回答

1

他們正在使用面積圖,而不是折線圖。 https://developers.google.com/chart/interactive/docs/gallery/areachart

對於始終顯示在線上的點,請參閱點文檔。 https://developers.google.com/chart/interactive/docs/points

只是把我的頭頂部,這裏的留意一下其它設置(所有這些細節出現在AreaChart文檔頁面的底部):

var options = { 
    legend: { 
    position: 'top', 
    alignment: 'start' 
    }, 
    vAxis: { 
    textPosition: 'in' 
    }, 
    focusTarget: 'category' // if multiple lines, data for all appear in tooltip 
}; 
+0

我會添加有關的東西當我在計算機上而不是手機上時,爲您指向,但如果您想自己查看,則文檔網站上的關鍵詞是「分數」。 – nbering