Fully transparent spaces between dashes

[Johny12369]

Hello, first of all thanks a lot for the plugin.
Is it possible to make fully transparent spaces between dashes? I have colored line with applied dashes on it but in the result the spaces between dashes are not fully transparent. Spaces are just lighter color of the same color as dashes.

Thanks

[7PH]

Hi @Johny12369

This is due to the line still being drawn by flot after the dashes plugin drew them already.

You can fix this by adding a hook with lowest priority to drawSeries:

/**
 * Avoid drawing the dashed lines of the "dash" plugin.
 */
plot.hooks.drawSeries.push((plot, canvascontext, series) => {
    if (series.dashes && series.dashes.show) {
        series.datapoints.points = [];
    }
});

[7PH]

Actually, I found out that it's now supported in FlotChart. You can set the "dashes" property in series[i].line:
https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/setLineDash
https://github.com/flot/flot/blob/d0f569a47566c61ef7a43e94e5daaacd1a18bf4e/source/jquery.flot.drawSeries.js#L345

As a result, I will be dropping this plugin from our dependencies