High Chart inserting data from arrays into line graph
By : Rabert Jomes Danold
Date : March 29 2020, 07:55 AM
wish helps you If you can alter the function, the you should prepare data in the right format. Sth like the sample data in your example. If you cannot, then make a for loop to prepare the data. Sth like this: code :
xy= [];
for(var i in x) {
xy[i] = [x[i],y[i]];
}

Can we find breakdown point/ break down analysis in High chart line graph?
By : FaStAsAfLaSh192
Date : March 29 2020, 07:55 AM
With these it helps You need to find the intersection points of the series  and having coordinates you can plot a line (line with an arrow) and a text  both can be rendered with Renderer. code :
chart: {
type: 'column',
events: {
load: function() {
const points1 = this.series[2].points;
const points2 = this.series[3].points;
const intersection = [];
for (let i = 1; i < points1.length; i++) {
const intersect = getLineIntersection(points1[i  1], points1[i], points2[i  1], points2[i]);
if (intersect) {
intersection.push(intersect);
}
}
const xAxis = this.xAxis[0];
const yAxis = this.yAxis[0];
intersection.forEach(coord => {
const text = this.renderer.text('break point', 999, 999).add();
const anchorX = xAxis.toPixels(coord[0]);
const anchorY = yAxis.toPixels(coord[1]);
const connector = this.renderer.path([
'M', anchorX, anchorY,
'L', anchorX  5, anchorY  100
]).attr({
stroke: 'black',
'strokewidth': 1,
zIndex: 99
}).add();
text.attr({
align: 'center',
x: anchorX  5,
y: anchorY  110,
zIndex: 99
}).css({
color: 'black',
fontSize: '14px',
fontWeight: 'bold'
});
})
}
}
},

Show gridlines over graph in chart.js, show bold xaxis label in chart.js, mixure of intersecting graph colors in chart.
By : Eugeny
Date : March 29 2020, 07:55 AM
I hope this helps you . Well very new to chart.js. having some doubts on this and can't figure out how. , After you've generated graph by, code :
const canvasmixedBarLine: any = document.getElementById('mixedBarLine');
const ctxmixedBarLine: any = canvasmixedBarLine.getContext('2d');
const mixedBarLine = new Chart(ctxmixedBarLine, {});
ctxmixedBarLine.globalCompositeOperation = 'destinationover';

Graph monthly and daily data in bar chart and line chart in the same graph
By : user2270435
Date : March 29 2020, 07:55 AM
will help you When using line/column charts Excel only cares about the number of data points for the xaxis (not their xvalues). The reason you're having difficulty is because your two series have different numbers of points (i.e. 365 vs 12) To get around this you need to make them match by spanning Series 2 across 365 data points.

Chart Js update legend boxes of graph with graph line style
By : pschieffelin
Date : March 29 2020, 07:55 AM
This might help you There's a legend option called "usePointStyle" that should match the legend style to the style of the graph point. code :
legend: {
labels: {
usePointStyle: true
}
}

