reactjs - Set max value for Y axis in react-chart -


i have implemented react-chart using of following doc

http://www.chartjs.org/docs/latest/charts/line.html

i have implemented doc not show how set maximum value y axis. want set max y axis 100. because dataset not exceed value on 19, max y axis set @ 20.

how can set max y axis value 100 though data not exceed 19.?

my code

class linecharts extends component {      constructor() {         super();      }      render() {          var chartdata = {              labels: ["january", "february", "march", "april", "may", "june", "july", "august", "september", "october", "november", "december"],             datasets: [                 {                     color: "#4d5360",                     highlight: "#616774",                     bordercolor: "rgba(179,181,198,1)",                     pointbackgroundcolor: "rgba(179,181,198,1)",                     pointbordercolor: "#fff",                     pointhoverbackgroundcolor: "#fff",                     pointhoverbordercolor: "rgba(179,181,198,1)",                     label: 'current lag',                     fill: true,                     linetension: 0.1,                     fillcolor: "rgba(151,187,205,0.2)",                     strokecolor: "rgba(151,187,205,1)",                     pointcolor: "rgba(151,187,205,1)",                     pointstrokecolor: "#fff",                     scaleoverride: true,                     scalestartvalue: 0,                     scalestepwidth: 1,                     scalesteps: 5,                     data: [12, 19, 3, 5, 2, 3, 4, 7, 9, 3, 12, 19],                 },               ],          }          var chartoptions = {             showscale: true,             pointdot: true,             showlines: false,              title: {                 display: true,                 text: 'chart.js bar chart'             },              legend: {                 display: true,                 labels: {                     boxwidth: 50,                     fontsize: 10,                     fontcolor: '#bbb',                     padding: 5,                 }             },          }          return (              <linechart data={chartdata} options={chartoptions} width="600" height="250"/>          );     } } export default linecharts;

you can try this:

var chartoptions = {     showscale: true,     pointdot: true,     showlines: false,      title: {         display: true,         text: 'chart.js bar chart'     },      legend: {         display: true,         labels: {             boxwidth: 50,             fontsize: 10,             fontcolor: '#bbb',             padding: 5,         }     },      scales: {       yaxes: [{           ticks: {               beginatzero:true,               min: 0,               max: 100               }         }]      } }

docs


Comments

Post a Comment

Popular posts from this blog

python - Operations inside variables -

this question has answer here: evaluating mathematical expression in string 12 answers i want make python script finds maximum possible output using 2 operations. problem says there syntax error @ 2nd last line, in b in there. how can fix it? x = 0 = int(input("1st number:")) c = int(input("2nd number:" )) e = int(input("3rd number:" )) in range(4): if == 0: b = "+" elif == 1: b = "-" elif == 2: b = "/" else: b = "*" j in range(4): if j == 0: d = "+" elif j == 1: d = "-" elif j == 2: d = "/" else: d = "*" k = b c d e print(k) if you're after variables e on single line, couldn...
Read more

Generic Map Parameter java -

i having lot of methods of type: public static list<eduusers> getdetails(class c, map<string, integer> params) { list<eduusers> details = null; session session = hibernateutil.getsessionfactory().opensession(); transaction tx = null; try { tx = session.begintransaction(); criteria cr = session.createcriteria(c); (map.entry<string, integer> entry : params.entryset()) { cr.add(restrictions.eq(entry.getkey(), entry.getvalue())); } details = cr.list(); tx.commit(); } catch (exception asd) { log.debug(asd.getmessage()); if (tx != null) { tx.commit(); } } { session.close(); } return details; } i trying have generic method them , have written far: public static <t> list<t> getdetails(class<t> c, class<t> b) { l...
Read more

arrays - What causes a java.lang.ArrayIndexOutOfBoundsException and how do I prevent it? -

what arrayindexoutofboundsexception mean , how rid of it? here code sample triggers exception: string[] name = {"tom", "dick", "harry"}; for(int = 0; i<=name.length; i++) { system.out.print(name[i] +'\n'); } your first port of call should documentation explains reasonably clearly: thrown indicate array has been accessed illegal index. index either negative or greater or equal size of array. so example: int[] array = new int[5]; int boom = array[10]; // throws exception as how avoid it... um, don't that. careful array indexes. one problem people run thinking arrays 1-indexed, e.g. int[] array = new int[5]; // ... populate array here ... (int index = 1; index <= array.length; index++) { system.out.println(array[index]); } that miss out first element (index 0) , throw exception when index 5. valid indexes here 0-4 inclusive. correct, idiomatic for statement here be: for (int index = 0; index <...
Read more