Search code examples
javascriptangularchartshighchartsangular2-highcharts

Hight Chart Polar Scatter Plot values on chart and x-axis


I want to create chart as per below image. I have also created jsfiddle using highchart in the fiddle. but, still not able to do what I want. How do I do? Any help would be appreciated.

enter image description here

http://jsfiddle.net/shahrishabhptechnical/2uxq7raf/

jsfiddle - Highcharts Example

Solution

  • You can use basic yAxis to show ticks with labels, but you will need the right properties and wrap on getMarkPath method:

    yAxis: {
        lineWidth: 1,
        tickPosition: 'inside',
        showLastLabel: true,
        tickWidth: 1,
        tickColor: '#000000',
        angle: 90,
        tickInterval: 1,
        labels: {
            y: -10
        },
        lineColor: '#000000'
    }
    

    Live demo: http://jsfiddle.net/BlackLabel/e940tvzx/

    API: https://api.highcharts.com/highcharts/yAxis

    Docs: https://www.highcharts.com/docs/extending-highcharts/extending-highcharts