In Highcharts, I want to create a bullet chart.
But I want the target line to be dashed.
I don’t see such an option in the target API.
Link to target API: https://api.highcharts.com/highcharts/series.bullet.targetOptions
Is there are some workarounds to achieve that?
Example of bullet chart for docs:
https://jsfiddle.net/api/post/library/pure/
Highcharts.setOptions({
chart: {
type: 'bullet'
},
legend: {
enabled: false
},
plotOptions: {
series: {
pointPadding: 0.25,
borderWidth: 0,
color: '#000',
targetOptions: {
width: '200%'
}
}
},
credits: {
enabled: false
},
exporting: {
enabled: false
}
});
Highcharts.chart('container', {
series: [{
data: [{
y: 275,
target: 250
}]
}]
});<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/bullet.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script src="https://code.highcharts.com/modules/export-data.js"></script>
<script src="https://code.highcharts.com/modules/accessibility.js"></script>
<figure class="highcharts-figure">
<div id="container"></div>
</figure>And I want the target line to be dashed.
This is how I want it to look like:
Thanks in advance