Este dilema se puede tratar de diversas formas, pero en este caso te damos la que en nuestra opinión es la resolución más completa.
Solución:
Puede crear una serie vacía que imite las características de la trama (color, estilo de guiones…). A continuación, puede utilizar opcionalmente el legendItemClick evento para “vincularlo” a la trama.
Por ejemplo, predefine estas variables para las opciones de ID y línea de trazado:
plotLineId = 'myPlotLine'; // To identify for removal
// Plot line options for adding
plotLineOptions =
color: '#FF0000',
id: plotLineId,
width: 2,
value: 5.5,
dashStyle: 'shortdash'
;
Su trama eje:
xAxis:
plotLines: [ plotLineOptions ]
Tu serie mímica:
series: [
// ...
// Series that mimics the plot line
color: '#FF0000',
name: 'My plotline',
dashStyle: 'shortdash',
marker:
enabled: false
,
events:
// Event for showing/hiding plot line
legendItemClick: function(e)
if(this.visible)
this.chart.xAxis[0].removePlotLine(plotLineId);
else
this.chart.xAxis[0].addPlotLine(plotLineOptions);
]
Vea esta demostración de JSFiddle de cómo funciona (o este ejemplo mínimo, sin eventos).
Solo como alternativa, si vas a ir tan lejos como para hacer una serie falsa que imite todos los aspectos de tu trama…
Puedes usar esa serie como tu plotLiney omita todo el trabajo extra de unir todo…
me gusta:
name: 'Plot Line',
color: 'red',
type:'line',
dashStyle: 'shortdash',
lineWidth: 2,
data: [[minXvalue, plotLineValue], x:maxXvalue, y:plotLineValue, dataLabels: enabled: true ]
Ejemplo:
- http://jsfiddle.net/jlbriggs/3d3fuhbb/74/
Reseñas y calificaciones
Si estás contento con lo expuesto, tienes el poder dejar un enunciado acerca de qué te ha parecido esta noticia.