highcharts pie ajax,Basic Pie

Basic Pie

以下是基本饼图的示例。

下面给出了基本饼图的示例。

配置 (Configurations)

现在让我们看一下所采取的其他配置/步骤。

系列 (series)

将系列类型配置为基于饼图。 series.type决定图表的系列类型。 这里，默认值是“line”。var series = {

type: 'pie'

};

例子 (Example)

highcharts_pie_basic.htm

Highcharts Tutorial

$(document).ready(function() {

var chart = {

plotBackgroundColor: null,

plotBorderWidth: null,

plotShadow: false

};

var title = {

text: 'Browser market shares at a specific website, 2014'

};

var tooltip = {

pointFormat: '{series.name}: {point.percentage:.1f}%'

};

var plotOptions = {

pie: {

allowPointSelect: true,

cursor: 'pointer',

dataLabels: {

enabled: true,

format: '{point.name}%: {point.percentage:.1f} %',

style: {

color: (Highcharts.theme && Highcharts.theme.contrastTextColor)||

'black'

}

}

}

};

var series = [{

type: 'pie',

name: 'Browser share',

data: [

['Firefox', 45.0],

['IE', 26.8],

{

name: 'Chrome',

y: 12.8,

sliced: true,

selected: true

},

['Safari', 8.5],

['Opera', 6.2],

['Others', 0.7]

]

}];

var json = {};

json.chart = chart;

json.title = title;

json.tooltip = tooltip;

json.series = series;

json.plotOptions = plotOptions;

$('#container').highcharts(json);

});

结果 (Result)

验证结果。

新页面打开