Vector marker-end is different colour. How to align?

[nikolayg]

Hi there,

I've noticed that the marker-end arrow in a vector is different colour from the rest of the vector. Below is an example:

functionPlot({
  target: "#root",
  width,
  height,
  data: [
    {
      vector: [2, 1],
      offset: [1, 2],
      graphType: 'polyline',
      fnType: 'vector',
      color: "#FF0000",
      attr: {
        'stroke-width': "2"
      }
    }
  ]
});

Is there an easy way to align the triangle marker-end and the rest of the lines?

[mauriciopoppe]

This happens because the vector triangle is created once and with a fixed color, later any vector reuses the marker.

function-plot/src/chart.ts

Lines 414 to 427 in 5ad80cc

	defs
	.append('clipPath')
	.append('marker')
	.attr('id', this.markerId)
	.attr('viewBox', '0 -5 10 10')
	.attr('refX', 10)
	.attr('markerWidth', 5)
	.attr('markerHeight', 5)
	.attr('orient', 'auto')
	.append('svg:path')
	.attr('d', 'M0,-5L10,0L0,5L0,0')
	.attr('stroke-width', '0px')
	.attr('fill-opacity', 1)
	.attr('fill', '#777')

I fixed that in #335. It'd be nice to backport it to a released version as well.