Utilizing Chart.js to generate a Line graph, I encountered an issue with one of the data sets. Strangely, the maximum value changes from 128 to 8 when I include the third data set along with the variable.
datasets : [
{
fillColor : "#1abc9c",
strokeColor : "#1abc9c",
pointColor : "#1abc9c",
pointStrokeColor : "#fff",
data : response.countStart
},
{
fillColor : "#3498db",
strokeColor : "#3498db",
pointColor : "#3498db",
pointStrokeColor : "#fff",
data : response.countSeen
},
{
fillColor : "#e67e22",
strokeColor : "#e67e22",
pointColor : "#e67e22",
pointStrokeColor : "#fff",
data: response.countClicked
//data : [0, 0, 10, 1, 0, 0, 0, 3, 0, 0, 0, 0, 0, 0, 0, 0, 8, 0, 0, 6, 11, 15, 20, 2]
}
]
Fetching three datasets through AJAX call and rendering the chart upon receiving the response poses an issue right after adding the last data set to the array ("response.countClicked"). Interestingly, there are no problems when using other variables such as response.countSeen or response.countStart in the third dataset.