The Y axis labels are always starting from 0 and going till a little greater than the highest values in the graph. I want to start from 50 and go till 100 (50,60,70,80,90,100).
The code I am using is as follows:
Html Code: div id='chart_1' style='height:200px;width:400px;' /div
Javascript Code:
$(document).ready(function () {
$.elycharts.templates['line_basic_3'] = {
type: "line",
margins: [22, 10, 20, 30],
defaultSeries: {
type: "line",
rounded: false,
plotProps: {
"stroke-width": 5
}
},
series: {
serie1: {
type: "line",
color: "#AAAAAA"
},
serie2: {
type: "line",
color: "#00AA00"
},
serie3: {
type: "line",
color: "#0000BB"
},
serie4: {
type: "line",
color: "green"
},
serie5: {
type: "line",
color: "black"
}
},
defaultAxis: {
labels: true,
labelsProps: {
fill: "#FFF",
"font-size": "10px"
}
},
features: {
grid: {
draw: [true, false],
forceBorder: true,
//ny: 3, // use 10 divisions for y grid
//nx: 5, // 10 divisions for x grid
props: {
stroke: "#FFF" // color for the grid
}
},
legend: {
horizontal: true,
width: 360,
height: 20,
x: 30,
y: 0,
borderProps: {
"fill-opacity": 0.1
}
}
}
}
$('#chart_1' ).chart({ template: 'line_basic_3', legend: {serie1:'2011',serie2:'2012',serie3:'2013'}, labels: ['Jan','Feb','Mar'], values: {serie1:[20,45,10],serie2:[40,15,35],serie3:[10,30,5]}});"
});