Home forums Using CanvasJS Chart layered over following div Reply To: Chart layered over following div

#26819

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"
        }
    ]
}