<! Doctype HTML>
<HTML>
<Head>
<Meta charset = "UTF-8">
<Title> </title>
</Head>
<Body>
<Div id = "Container" style = "Min-width: 800px; Height: 400px;"> </div>
<! -- <SCRIPT type = "text/JavaScript" src = "./JS/jquery. js"> </SCRIPT>
<SCRIPT type = "text/JavaScript" src = "./node_modules/highcharts. js"> </SCRIPT> -->
<SCRIPT src = 'HTTP: // cdn.hcharts.cn/jquery/jquery-1.8.3.min.js'> </SCRIPT>
<SCRIPT src = 'HTTP: // cdn.hcharts.cn/highcharts/highcharts.js'> </SCRIPT>
<SCRIPT>
$ (Function (){
$ ('# Iner'). highcharts ({
Chart :{
Plotbackgroundcolor: NULL,
Plotborderwidth: NULL,
Plotshadow: false
},
Title :{
Text: 'hello'
},
Tooltip :{
Pointformat: '{series. Name }:< B> {point. Percentage:. 1f }%</B>'
},
Plotoptions :{
Pie :{
Allowpointselect: True,
Cursor: 'pointer ',
Datalabels :{
Enabled: True,
Format: '<B> {point. name} </B>: {point. Percentage:. 1f} % ',
Style :{
Color: (highcharts. Theme & highcharts. theme. contrasttextcolor) | 'black'
}
}
}
},
Series :[{
Type: 'pie ',
Name: 'browser share ',
Data :[
['Firefox, 45.0],
['Ie', 26.8],
{
Name: 'chromi ',
Y: 12.8,
Sliced: True,
Selected: True
},
['Safari, 8.5],
['Opera, 6.2],
['Others, 0.7]
]
}]
});
});
</SCRIPT>
</Body>
</Html>
Highcharts implement pie chart
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
