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'          }, 

fiddle: http://jsfiddle.net/manishie/u6nhv/


Comments

Popular posts from this blog

java.util.scanner - How to read and add only numbers to array from a text file -

rewrite - Trouble with Wordpress multiple custom querystrings -