<title>Highcharts 教程 | W3xue教程(w3xue.com)</title>
<script src="/js/jquery-2.1.4.min.js"></script>
<script src="/js/hc/highcharts5.0.6.js"></script>
<script src="https://code.highcharts.com/modules/drilldown.js"></script>
<script src="https://code.highcharts.com/modules/data.js"></script>
<div id="container" style="width: 550px; height: 400px; margin: 0 auto"></div>
<script language="JavaScript">
$(document).ready(function() {
csv: document.getElementById('tsv').innerHTML,
parsed: function (columns) {
var brands = {}, brandsData = [], versions = {}, drilldownSeries = [];
columns[1] = $.map(columns[1], function (value) {
if (value.indexOf('%') === value.length - 1) {
value = parseFloat(value);
$.each(columns[0], function (i, name) {
name = name.split(' -')[0];
version = name.match(/([0-9]+[\.0-9x]*)/);
brand = name.replace(version, '');
brands[brand] = columns[1][i];
brands[brand] += columns[1][i];