Home › Forums › Chart Support › Chart layered over following div › Reply To: Chart layered over following div
When entering level2, example data would be like the following., The chartSubtitle needs work :/
data
{
"chartSubTitle": "Driving w/o Seatbelt's for Driver Brendon Baillie",
"tableData": [
{
"eventTypeDisplay": "Driving w/o Seatbelt",
"eventTypeId": "SeatbeltDriving",
"colour": "midnightblue",
"value": 0,
"driverId": "Brendon Baillie",
"nodeId": 13505,
"startTime": "2019-09-18T08:17:58",
"endTime": "2019-09-18T08:24:55",
"firstLogId": 1046507704,
"lastLogId": 1046511960,
"minSpeed": 13,
"maxSpeed": 50,
"avgSpeed": 30,
"calcSummOdo": 3691,
"unitName": "1490 LV2935 DD&B Cable Crew"
},
{
"eventTypeDisplay": "Driving w/o Seatbelt",
"eventTypeId": "SeatbeltDriving",
"colour": "midnightblue",
"value": 0,
"driverId": "Brendon Baillie",
"nodeId": 13505,
"startTime": "2019-09-18T08:50:40",
"endTime": "2019-09-18T08:56:59",
"firstLogId": 1046525787,
"lastLogId": 1046529591,
"minSpeed": 12,
"maxSpeed": 52,
"avgSpeed": 36,
"calcSummOdo": 4162,
"unitName": "1490 LV2935 DD&B Cable Crew"
},
{
"eventTypeDisplay": "Driving w/o Seatbelt",
"eventTypeId": "SeatbeltDriving",
"colour": "midnightblue",
"value": 0,
"driverId": "Brendon Baillie",
"nodeId": 13505,
"startTime": "2019-09-18T08:58:30",
"endTime": "2019-09-18T08:59:56",
"firstLogId": 1046530196,
"lastLogId": 1046531001,
"minSpeed": 13,
"maxSpeed": 45,
"avgSpeed": 27,
"calcSummOdo": 695,
"unitName": "1490 LV2935 DD&B Cable Crew"
},
{
"eventTypeDisplay": "Driving w/o Seatbelt",
"eventTypeId": "SeatbeltDriving",
"colour": "midnightblue",
"value": 0,
"driverId": "Brendon Baillie",
"nodeId": 13505,
"startTime": "2019-09-18T11:24:00",
"endTime": "2019-09-18T11:24:30",
"firstLogId": 1046609281,
"lastLogId": 1046609555,
"minSpeed": 16,
"maxSpeed": 23,
"avgSpeed": 18,
"calcSummOdo": 140,
"unitName": "1490 LV2935 DD&B Cable Crew"
},
{
"eventTypeDisplay": "Driving w/o Seatbelt",
"eventTypeId": "SeatbeltDriving",
"colour": "midnightblue",
"value": 0,
"driverId": "Brendon Baillie",
"nodeId": 13505,
"startTime": "2019-09-18T11:24:53",
"endTime": "2019-09-18T11:28:34",
"firstLogId": 1046609699,
"lastLogId": 1046611942,
"minSpeed": 12,
"maxSpeed": 54,
"avgSpeed": 41,
"calcSummOdo": 3190,
"unitName": "1490 LV2935 DD&B Cable Crew"
},
{
"eventTypeDisplay": "Driving w/o Seatbelt",
"eventTypeId": "SeatbeltDriving",
"colour": "midnightblue",
"value": 0,
"driverId": "Brendon Baillie",
"nodeId": 13505,
"startTime": "2019-09-18T11:30:30",
"endTime": "2019-09-18T11:31:00",
"firstLogId": 1046613011,
"lastLogId": 1046613379,
"minSpeed": 13,
"maxSpeed": 22,
"avgSpeed": 18,
"calcSummOdo": 188,
"unitName": "1490 LV2935 DD&B Cable Crew"
},
{
"eventTypeDisplay": "Driving w/o Seatbelt",
"eventTypeId": "SeatbeltDriving",
"colour": "midnightblue",
"value": 0,
"driverId": "Brendon Baillie",
"nodeId": 13505,
"startTime": "2019-09-18T11:42:43",
"endTime": "2019-09-18T11:48:54",
"firstLogId": 1046618479,
"lastLogId": 1046621721,
"minSpeed": 11,
"maxSpeed": 54,
"avgSpeed": 31,
"calcSummOdo": 3478,
"unitName": "1490 LV2935 DD&B Cable Crew"
},
{
"eventTypeDisplay": "Driving w/o Seatbelt",
"eventTypeId": "SeatbeltDriving",
"colour": "midnightblue",
"value": 0,
"driverId": "Brendon Baillie",
"nodeId": 13505,
"startTime": "2019-09-18T11:49:14",
"endTime": "2019-09-18T11:50:08",
"firstLogId": 1046627274,
"lastLogId": 1046627473,
"minSpeed": 0,
"maxSpeed": 35,
"avgSpeed": 14,
"calcSummOdo": 462,
"unitName": "1490 LV2935 DD&B Cable Crew"
},
{
"eventTypeDisplay": "Driving w/o Seatbelt",
"eventTypeId": "SeatbeltDriving",
"colour": "midnightblue",
"value": 0,
"driverId": "Brendon Baillie",
"nodeId": 13505,
"startTime": "2019-09-18T11:58:00",
"endTime": "2019-09-18T12:00:00",
"firstLogId": 1046627489,
"lastLogId": 1046627777,
"minSpeed": 0,
"maxSpeed": 50,
"avgSpeed": 21,
"calcSummOdo": 890,
"unitName": "1490 LV2935 DD&B Cable Crew"
},
{
"eventTypeDisplay": "Driving w/o Seatbelt",
"eventTypeId": "SeatbeltDriving",
"colour": "midnightblue",
"value": 0,
"driverId": "Brendon Baillie",
"nodeId": 13505,
"startTime": "2019-09-18T12:00:54",
"endTime": "2019-09-18T12:07:41",
"firstLogId": 1046627979,
"lastLogId": 1046631650,
"minSpeed": 13,
"maxSpeed": 54,
"avgSpeed": 34,
"calcSummOdo": 3896,
"unitName": "1490 LV2935 DD&B Cable Crew"
},
{
"eventTypeDisplay": "Driving w/o Seatbelt",
"eventTypeId": "SeatbeltDriving",
"colour": "midnightblue",
"value": 0,
"driverId": "Brendon Baillie",
"nodeId": 13505,
"startTime": "2019-09-18T15:55:03",
"endTime": "2019-09-18T15:56:53",
"firstLogId": 1046752136,
"lastLogId": 1046753042,
"minSpeed": 14,
"maxSpeed": 54,
"avgSpeed": 30,
"calcSummOdo": 916,
"unitName": "1490 LV2935 DD&B Cable Crew"
},
{
"eventTypeDisplay": "Driving w/o Seatbelt",
"eventTypeId": "SeatbeltDriving",
"colour": "midnightblue",
"value": 0,
"driverId": "Brendon Baillie",
"nodeId": 13505,
"startTime": "2019-09-18T16:03:30",
"endTime": "2019-09-18T16:05:54",
"firstLogId": 1046756474,
"lastLogId": 1046757552,
"minSpeed": 12,
"maxSpeed": 50,
"avgSpeed": 24,
"calcSummOdo": 1000,
"unitName": "1490 LV2935 DD&B Cable Crew"
}
],
"dataPoints": [
{
"x": 1,
"y": 50,
"name": "SeatbeltDriving",
"color": "midnightblue",
"label": "08:17:58"
},
{
"x": 2,
"y": 52,
"name": "SeatbeltDriving",
"color": "midnightblue",
"label": "08:50:40"
},
{
"x": 3,
"y": 45,
"name": "SeatbeltDriving",
"color": "midnightblue",
"label": "08:58:30"
},
{
"x": 4,
"y": 23,
"name": "SeatbeltDriving",
"color": "midnightblue",
"label": "11:24:00"
},
{
"x": 5,
"y": 54,
"name": "SeatbeltDriving",
"color": "midnightblue",
"label": "11:24:53"
},
{
"x": 6,
"y": 22,
"name": "SeatbeltDriving",
"color": "midnightblue",
"label": "11:30:30"
},
{
"x": 7,
"y": 54,
"name": "SeatbeltDriving",
"color": "midnightblue",
"label": "11:42:43"
},
{
"x": 8,
"y": 35,
"name": "SeatbeltDriving",
"color": "midnightblue",
"label": "11:49:14"
},
{
"x": 9,
"y": 50,
"name": "SeatbeltDriving",
"color": "midnightblue",
"label": "11:58:00"
},
{
"x": 10,
"y": 54,
"name": "SeatbeltDriving",
"color": "midnightblue",
"label": "12:00:54"
},
{
"x": 11,
"y": 54,
"name": "SeatbeltDriving",
"color": "midnightblue",
"label": "15:55:03"
},
{
"x": 12,
"y": 50,
"name": "SeatbeltDriving",
"color": "midnightblue",
"label": "16:03:30"
}
]
}