Highcharts 向下钻取饼图.pdfVIP

Highcharts 向下钻取饼图 Highcharts 向下钻取饼图 Highcharts 饼图 以下实例演⽰了向下钻取饼图。 我们在前⾯的章节已经了解了 Highcharts 基本配置语法。接下 让我们 看下其他的 配置。 配置 drilldown 配置 drilldown ⽤于向下钻取数据，通过点击某项深⼊到其中的具体数据。 drilldown: { series: drilldownSeries } 实例 ⽂件名：highcharts_pie_drilldown .htm html head meta charset=UTF-8 / titleHighcharts 教程 W3Cschool教程()/title script src=/libs/jquery/2.1.4/jquery .min.js script src=/highcharts.js/script script src=/modules/drilldown.js/sc script src=/modules/data.js/script /head body div id=container style=width: 550px; height: 400px; margin: 0 script language=JavaScript $(document).ready(function() { Highcharts.data({ csv : document.getElementById(tsv ).innerHTML, itemDelimiter: \t, parsed: function (columns) { var brands = {}, brandsData = [], versions = {}, drilldow // Parse percentage strings columns[1] = $.map(columns[1], function (value) { if (value.indexOf(% ) === value.length - 1) { value = parseFloat(value); } return value; }); $.each(columns[0], function (i, name) { var brand, version; if (i 0) { // Remove special edition notes name = name.split( -)[0]; // Split into brand and version version = name.match(/([0-9]+[\ .0-9x]*)/); if (version) { version = version[0]; } brand = name.replace(version, ); // Create the main data if (!brands[brand]) { brands[brand] = columns[1][i]; } else { brands[brand] += columns[1][i]; } // Create the version data if (version !== null) { if (!versions[brand]) { versions[brand] = []; }