2013-04-05 69 views
2

我們對高圖散點圖使用一些自定義標記。有沒有辦法縮放高圖散點圖的自定義標記?

marker.radius屬性用於增加點標記的大小。

但是,使用自定義圖像時,半徑設置不會增加自定義標記的大小。

這是可能的高圖或我們需要爲每個可能的標記大小創建圖像?

這裏是我試過的代碼:

$(function() { 
    $('#container').highcharts({ 
     chart: { 
     }, 
     xAxis: { 
      categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
     }, 

     series: [{ 
      data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 316.4, 294.1, 195.6, 154.4], 
      marker: { 
       symbol: 'triangle', 
       radius: 15 

      } 
     }, { 
      data: [216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5], 
      marker: { 
       symbol: 'url(http://highcharts.com/demo/gfx/sun.png)', 
       radius: 50 
      } 
     }] 
    }); 
}); 

如預期的三角形增加,太陽沒有。

這裏是一個的jsfiddle一個鏈接,你可以自己嘗試一下:

example

+2

根據我的理解不可能通過屬性,但是你可以直接修改DOM的IMAGE標籤寬度,高度,x和y屬性。 – 2013-04-05 03:48:37

回答

4

您可以修改寬度/高度參數中的SVG元素,就像下面的例子:

http://jsfiddle.net/CedjX/

setTimeout(function(){ 
       chart.series[1].data[0].graphic.attr({ 
        width: 50, 
        height: 50 
       }); 
      }, 1) 
0

從4.0.4開始你可以設置高度和寬度

根據您的圖表要求,請參閱documentation瞭解詳情。

+0

你真的測試過了嗎? – BentOnCoding 2015-11-30 18:36:32

+0

是的,我用過這個。當您設置高度和寬度時,不會保留P1筆記縱橫比。查看鏈接http://api.highcharts.com/highcharts#series .data.marker.height – 2015-12-01 06:15:44

+0

它不以我爲中心。 – 2018-03-08 02:44:12

相關問題