The Multi Axis line chart supports more than 2 axis which can be enabled by adding data objects in the axis array.
Shown below is a snippet on how an axis object looks like
The above snippet adds an axis by name Power to the multi-axis line chart when added to the data of the chart
Shown below is a multi axis line chart with the axis shown above added
The data structure of the chart is shown below
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126
{
"chart": {
"caption": "Power Generator",
"xaxisname": "Time",
"theme": "fint"
},
"categories": [
{
"category": [
{
"label": "00:00s"
},
{
"label": "00:04s"
},
{
"label": "00:08s"
},
{
"label": "00:12s"
},
{
"label": "00:16s"
},
{
"label": "00:20s"
}
]
}
],
"axis": [
{
"title": "Power",
"tickwidth": "10",
"divlineDashed": "1",
"dataset": [
{
"seriesname": "Power [W]",
"data": [
{
"value": "6"
},
{
"value": "26"
},
{
"value": "16"
},
{
"value": "27"
},
{
"value": "28"
},
{
"value": "33"
}
]
}
]
},
{
"title": "Temp.",
"numdivlines": "14",
"tickwidth": "10",
"divlineDashed": "1",
"dataset": [
{
"seriesname": "Temperature",
"data": [
{
"value": "296"
},
{
"value": "311"
},
{
"value": "336"
},
{
"value": "371"
},
{
"value": "389"
},
{
"value": "393"
}
]
}
]
},
{
"title": "Speed[RPM]",
"axisonleft": "0",
"numdivlines": "10",
"tickwidth": "10",
"divlineDashed": "1",
"dataset": [
{
"seriesname": "Speed",
"data": [
{
"value": "1"
},
{
"value": "11"
},
{
"value": "36"
},
{
"value": "49"
},
{
"value": "68"
},
{
"value": "88"
}
]
}
]
}
]
}The y-axis in the above chart has been added for Power, Temperature and Speed.
The tickWidth attribute specifies the distance between successive intervals on the axis line. The titlePos attribute lets you display the axis title on the left or on the right of the axis line.
You can toggle data for an axis being displayed by clicking on the check box at the bottom of the axis.
