javascript - HighCharts change the title dynamically -


this highcharts javascript code

$(function () { var chart = $('#container').highcharts({     chart: {                     type: 'line'      },     title: {         text: 'monthly average temperature',         x: -20 //center     },    ....    ....    // here need change title based on if condition, dont how      if(boolean value){        chart.title.text :'some positive title';    }else{        chart.title.text :'some negative title';    }    // writing above way shows me error      }); 

i sending boolean variable android code. , based on boolean value must change title

please me out.

use settitle

if(boolean value){        chart.settitle('some positive title');    }else{        chart.settitle('some negative title');    } 

update: since want update title on load itself, simple solution use variable chart title. http://jsfiddle.net/g7rjcrv9/

$(function () {     var someflag = true;     var charttitle =  'some positive title';      if(!someflag){       charttitle = 'some negative title';     }      var chart = $('#container').highcharts({         chart: {                         type: 'line'          },         title: {             text: charttitle,             x: -20 //center         },         subtitle: {             text: 'source: worldclimate.com',             x: -20         },         xaxis: {             categories: ['jan', 'feb', 'mar', 'apr', 'may', 'jun',                 'jul', 'aug', 'sep', 'oct', 'nov', 'dec']         },         yaxis: {             title: {                 text: 'temperature (°c)'             },             plotlines: [{                 value: 0,                 width: 1,                 color: '#808080'             }]         },         tooltip: {             valuesuffix: '°c'         },legend: {                         layout: 'vertical',                         align: 'right',                         verticalalign: 'middle',                         usehtml: true,                         itemmarginbottom: 10,                         borderwidth: 0,                           y: 0,                       },         series: [{             name: 'tokyo',             data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]         }, {             name: 'new york',             data: [-0.2, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8, 24.1, 20.1, 14.1, 8.6, 2.5]         }, {             name: 'berlin',             data: [-0.9, 0.6, 3.5, 8.4, 13.5, 17.0, 18.6, 17.9, 14.3, 9.0, 3.9, 1.0]         }, {             name: 'london',             data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]         }]     });   }); 

Comments

Popular posts from this blog

c - Bitwise operation with (signed) enum value -

xslt - Unnest parent nodes by child node -

YouTubePlayerFragment cannot be cast to android.support.v4.app.Fragment -