Highcharts從Column轉換到Spiderweb

Question

我一直試圖使用highcharts來呈現一個簡單的柱狀圖。我一直在遇到一些問題。最初我建立了一個柱狀圖，效果很好。點擊一個按鈕後，我想將它變成蜘蛛網圖（使用不同的數據）。我已經將chart.polar轉換爲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); 
    }); 

這是小提琴：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/