饼图样式html,CSS 控制样式的饼图 | JShare

CSS 控制样式的饼图 | JShare

Highcharts.chart('container', {

chart: {

styledMode: true

},

title: {

text: 'Pie point CSS'

},

xAxis: {

categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']

},

series: [{

type: 'pie',

allowPointSelect: true,

keys: ['name', 'y', 'selected', 'sliced'],

data: [

['Apples', 29.9, false],

['Pears', 71.5, false],

['Oranges', 106.4, false],

['Plums', 129.2, false],

['Bananas', 144.0, false],

['Peaches', 176.0, false],

['Prunes', 135.6, true, true],

['Avocados', 148.5, false]

],

showInLegend: true

}]

});

#container {

height: 400px;

max-width: 800px;

min-width: 320px;

margin: 0 auto;

}

.highcharts-pie-series .highcharts-point {

stroke: #EDE;

stroke-width: 2px;

}

.highcharts-pie-series .highcharts-data-label-connector {

stroke: silver;

stroke-dasharray: 2, 2;

stroke-width: 2px;

}

{"resource":"3,7,63,https://code.highcharts.com/css/highcharts.css","options":"{\"editor\":{\"saveLayout\":false,\"saveFold\":false,\"autoFormat\":true},\"hcode\":{\"layoutId\":\"2\"}}","code":{"code":"9BHDmG","name":"CSS 控制样式的饼图","version":0,"doctype":0,"description":"","meta":"","newGroup":8,"group":{"id":8,"name":"demos","code":"demos"}}}