How to avoid series hiding yAxis using JSCharting

39 Views Asked by At

I am using JSCharting to create a chart with vertical bars. I have a vertical y-axis in the chart, but the bars are partially hiding this axis, making it difficult to see. I would like to find a solution to prevent the series from hiding the y-axis.

what the graph looks like

And this is the code I have

yAxis: {
    markers: [
        {
            value: fechaActual,
            color: '#b0be5f',
            label_text: 'Fecha actual'
        }
    ]
},
defaultSeries: {
    defaultPoint: {
        legendEntry: {
            value: '{days(%max-%min):number n0} days'
        },
        tooltip: '<b>%name</b> <br/>%low - %high<br/>{days(%high-%low)} días',
        marker_type: 'diamond'
    },
    firstPoint: {
        xAxisTick: {label: {text: '<b>%name</b>', style: {fontSize: '14px'}}},
        outline: {color: 'darkenMore', width: 3}
    }
}

As you see the vertical line Fecha Actual is hidden by the series

0

There are 0 best solutions below