0
115
Vistas¿Cómo usar fillOpacity a continuación para PlotLine en Highchart?
Estoy usando el siguiente código para trazar una línea paralela al eje x
chart.yAxis[0].addPlotLine({ color: "#7cb5ec", id: "plotline", value: 700, width: 1, });por favor revise la siguiente captura de pantalla.
Pero quiero llenar el área debajo de la línea, es decir, como en la siguiente captura de pantalla.
¿Cómo puedo hacer esto?
·
Juan Pablo Isaza
1 Respuestas
Responde la pregunta0
Use una banda de trazado en lugar de una línea de trazado y defina el color como degradado lineal:
chart.yAxis[0].addPlotBand({ color: { linearGradient: { x1: 0, x2: 0, y1: 0, y2: 1 }, stops: [ [0, '#696ec7'], [1, '#c4c4c4'] ] }, from: 0, to: 700 });Demostración en vivo: http://jsfiddle.net/BlackLabel/w0hy3z6e/
Documentos: https://www.highcharts.com/docs/chart-design-and-style/colors
·
Juan Pablo Isaza
Denunciar
Responde la pregunta