javascript - Highcharts 从柱状图过渡到蜘蛛网状图

Question

我一直在尝试使用highcharts来渲染一个简单的柱形图。我一直有几个问题。最初我设置了一个柱形图，效果很好。我想在单击按钮后将其转换为蜘蛛网图表(具有不同的数据)。我已在按钮单击中将图表.极性设置为 true，但它将图表呈现为折线图而不是蜘蛛网。我在这里错过了什么吗？ 这是我的按钮单击函数中的代码:

$('#spider_button').on('click', function () {
        options.chart.renderTo = 'main_chart_container';
        options.chart.polar = true;
        options.chart.type = 'line';
        options.xAxis.categories = ['Quarter 1', 'Quarter 2', 'Quarter 3', 'Quarter 4'];
        options.title.text = 'Daily UFO Sightings';
        options.series = [{"data": [129, 105, 149, 115], "name": "Triangle"}, {"data": [121, 100, 131, 78], "name": "Fireball"}, {"data": [56, 50, 46, 47], "name": "Formation"}, {"data": [279, 240, 310, 289], "name": "Light"}, {"data": [153, 196, 182, 147], "name": "Circle"}, {"data": [13, 16, 17, 22], "name": "Chevron"}, {"data": [4, 8, 12, 7], "name": "Egg"}, {"data": [14, 16, 14, 20], "name": "Diamond"}, {"data": [18, 24, 15, 15], "name": "Cylinder"}, {"data": [58, 49, 54, 49], "name": "Disk"}, {"data": [31, 28, 37, 24], "name": "Changing"}];
        var chart1 = new Highcharts.Chart(options);
    });

这是 fiddle :https://jsfiddle.net/adway/gv7a6ngg/7/

Answer 1

极坐标图需要 highcharts-more.js。 http://api.highcharts.com/highcharts/chart.polar

<script src="https://code.highcharts.com/highcharts.js"></script>

https://jsfiddle.net/gv7a6ngg/9/