Я хочу разработать веб-график / график радара с помощью Highchart. - PullRequest
0 голосов
/ 21 сентября 2018

Я хотел бы разработать радар Spider Web, который выглядит как график, показанный на рисунке ниже, с использованием высоких диаграмм.Можете ли вы сказать мне, если это возможно, используя High Chart.пожалуйста, проверьте приведенный ниже код и приложенное изображение

Это мой подход Fiddle .

image

Highcharts.chart('container', {
chart: {
    polar: true,
    type: 'area',
},
legend: {
  enabled: false
},

title: {
    text: 'Budget vs spending',
    x: -90
},

pane: {
    size: '90%'
},

xAxis: {
   categories: ['Bonds', 'Future', 'Past', 'Value', 'Health', 'Divedend'],
    tickmarkPlacement: 'on',
    lineWidth: 0
},

yAxis: {
    gridLineInterpolation: 'polygon',
    lineWidth: 0,
    min: 0,
    labels:
                    {
                enabled: false
                    }
},

tooltip: {
    shared: true,
    pointFormat: '<span style="color:{series.color}">{series.name}: <b>${point.y:,.0f}</b><br/>'
},
series: [{
color: {
            linearGradient: {
                x1: 0,
                y1: 0,
                x2: 1,
                y2: 0
            },
            stops: [
                [0, '#50e3c2'],
                [1, '#50e3c2']
            ]
        },
        marker: {
            enabled: false,
            states: {
                hover: {
                    radius: 8,
                    symbol: 'square',
                }
            }
        },
    name: 'Allocated Budget',
    data: [80, 70, 60, 70, 70, 60],
    pointPlacement: 'on',
    shadow: {
        color: '#000000',
        width: 7,
        opacity: 0.08,
        offsetY: 3,
        offsetX: 0
        },
}]
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...