高層建築有多靈活？ （附模型）

Question

我們已經完成了一些我們想要在我們的網站上添加的圖表模型，如果我們可以使用Highcharts，我們會很高興。但是我們看到很多Highcharts的作品看起來非常相似......

Highcharts的定製化程度如何？難道我們可以用它來創建圖表，看起來像這些模型剛好？例如。與

• 均線
• 有吸引力的點表示高和低
• 純粹的裝飾性梯度
• 「重點」上重疊顯示什麼顏色的線代表什麼

所以，你有什麼感想？是否提供足夠的Javascript &樣式的Highcharts達到這個確切的工作？

樣機：http://cl.ly/image/1f0m3l241e2S

Answer 1

是的，你絕對可以做HighCharts那些事！我在這裏工作的座右銘是「任何事情都是可能的」。

爲圓點表示高點和低點，你會想用這樣的點「符號」，如本例中發現：http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/spline-symbols/

data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, { 
       y: 26.5, 
       marker: { 
        symbol: 'url(http://www.highcharts.com/demo/gfx/sun.png)' 
       } 
      }, 23.3, 18.3, 13.9, 9.6] 

對於漸變，你可以使用「線性漸變「功能，並將其附加到背景顏色。這裏有一個例子：http://jsfiddle.net/WNDUH/10/什麼你要與有「停」，改變不透明度和顏色（也與300撥弄得到高度右）一起工作：

fillColor : { 
      linearGradient : [0, 0, 0, 300], 
      stops : [ 
      [0, Highcharts.getOptions().colors[0]], 
      [1, 'rgba(2,0,0,0)'] 
      ] 
     }, 

對於密鑰疊加，這是標準的傳說，只是絕對定位的，像這樣：http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/bar-basic/

legend: { 
      layout: 'vertical', 
      align: 'right', 
      verticalAlign: 'top', 
      x: -100, 
      y: 100, 
      floating: true, 
      borderWidth: 1, 
      backgroundColor: '#FFFFFF', 
      shadow: true 
     }, 

至於均線，即基本上將是它自己的計算系列。

就像@nathancahill說的那樣，有一條學習曲線，但它看起來像你問的很多東西都可以在HighCharts中沒有「黑客」的情況下完成。

希望能幫到你！