highcharts - Is there a way to scale the custom marker of a high charts scatter chart? -


we using custom markers high charts scatter chart.

the marker.radius property used increase size of point markers.

however when using custom images radius setting not increase size of custom marker.

is possible in high charts or need create images every possible marker size ?

here code tried :

$(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             }         }]     }); }); 

the triangle increase expected, sun not.

here link jsfiddle can try yourself:

example

you can modify width/height parameters in svg element, in example below:

http://jsfiddle.net/cedjx/

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

Comments

Popular posts from this blog

monitor web browser programmatically in Android? -

Shrink a YouTube video to responsive width -

wpf - PdfWriter.GetInstance throws System.NullReferenceException -