jquery - Highchart yAxis Values -
i have highchart bar chart mentioned below , displaying number values in yaxis according height of chart. how can add following values [0, 40, 80, 120, 160, 200] , replace auto populated values.
$('#barchart').highcharts({ chart: { type: 'column', backgroundcolor:'rgba(255, 255, 255, 0.1)', height: 250 }, title: { text: '' }, subtitle: { text: '' }, xaxis: { categories: [ 'jan', 'feb', 'mar', 'apr', 'may', 'jun', 'jul', 'aug', 'sep', 'oct', 'nov', 'dec' ], }, yaxis: { min: 0, max: 200, title: { text: '' }, gridlinewidth: 1, gridlinecolor: '#eaeaea' }, tooltip: { headerformat: '<span style="font-size:10px; font-family:inherit">{point.key}</span><table>', pointformat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' + '<td style="padding:0"><b>{point.y:.1f}</b></td></tr>', footerformat: '</table>', shared: true, usehtml: true }, legend: { enabled: false }, plotoptions: { column: { pointpadding: 0.2, borderwidth: 0 } }, credits: { enabled: false }, exporting: { enabled: false }, series: [ { name: 'google', data: [49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 160.2, 194.1, 95.6, 54.4] }, { name: 'yahoo', data: [83.6, 78.8, 98.5, 93.4, 106.0, 84.5, 105.0, 104.3, 91.2, 83.5, 106.6, 92.3] }, { name: 'bing', data: [48.9, 38.8, 39.3, 41.4, 47.0, 48.3, 59.0, 59.6, 52.4, 65.2, 59.3, 51.2] }, { name: 'other', data: [42.4, 33.2, 34.5, 39.7, 52.6, 75.5, 57.4, 60.4, 47.6, 39.1, 46.8, 51.1] } ], colors: [ '#e33e3e', '#0671c7', '#049025', '#ffa206', ] });
fiddle: http://jsfiddle.net/p2mv2/19/
use tickinterval:
yaxis: { min: 0, max: 200, title: { text: '' }, tickinterval: 40, gridlinewidth: 1, gridlinecolor: '#eaeaea' },
Comments
Post a Comment