0
203
Views¿Cómo personalizar el gráfico de líneas de pasos en Highchart?
Sé que es extraño, pero quiero personalizar el gráfico de líneas de pasos como si el paso horizontal fuera más grueso y el paso vertical fuera más delgado, ¿hay alguna forma de lograrlo?
Gracias por adelantado
·
Juan Pablo Isaza
1 answers
Answer question0
Puede renderizar otras líneas en las mismas posiciones que las horizontales. Por favor, compruebe la siguiente solución:
chart: { events: { render: function() { const points = this.series[0].points; points.forEach(point => { const nextPoint = points[point.index + 1]; if (nextPoint) { const d = [ 'M', point.plotX + this.plotLeft - 1, point.plotY + this.plotTop, 'L', nextPoint.plotX + this.plotLeft + 1, point.plotY + this.plotTop ]; if (point.customPath) { point.customPath.attr({ d }); } else { point.customPath = this.renderer .path([]) .attr({ d, stroke: 'red', 'stroke-width': 7 }) .add(); } } }); } } }Demostración en vivo: http://jsfiddle.net/BlackLabel/wc5zrax9/
Referencia de la API: https://api.highcharts.com/class-reference/Highcharts.SVGRenderer#path
·
Juan Pablo Isaza
Report
Answer question