Question

I want to plot a scatter chart with lines connecting each point. Is it possible to vary the width of the line between each segment?

For example, I want the line from point A to point B to have a width of 5. I want the line between point B and point C to have a width of 2.

Sure, I could use the renderer to manually draw the lines, but then I have to handle the coordinates and scaling manually.

(FWIW, here’s an example of a scatter plot with connecting lines.)

Answer 1

There is no configuration option to do this. The difficult way would be, as you say, to implement it your self with help of the renderer.

You can configure individual points with color and size:

data: [{
    x: 161.2, 
    y: 51.6,
    marker: {
        radius: 15,
        fillColor: 'rgb(255, 0, 0)'
    }
}]

but the line that connects two markers do not have any individual settings.