fm453/ctms-yii
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit，修正

Browse Source
This commit is contained in:
fm453
2025-07-13 19:37:38 +08:00
parent 38ce288e27
commit 65bbd06981
12384 changed files with 3985464 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ctms-admin/web/js/plugins/Highcharts/4.1.7/examples/column-drilldown/index.htm
Executable
+237
View File
@@ -0,0 +1,237 @@
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Highcharts Example</title>
<script type="text/javascript" src="http://cdn.hcharts.cn/jquery/jquery-1.8.2.min.js"></script>
<style type="text/css">
${demo.css}
</style>
<script type="text/javascript">
$(function () {
// Create the chart
$('#container').highcharts({
chart: {
type: 'column'
},
title: {
text: 'Browser market shares. January, 2015 to May, 2015'
},
subtitle: {
text: 'Click the columns to view versions. Source: <a href="http://netmarketshare.com">netmarketshare.com</a>.'
},
xAxis: {
type: 'category'
},
yAxis: {
title: {
text: 'Total percent market share'
}
},
legend: {
enabled: false
},
plotOptions: {
series: {
borderWidth: 0,
dataLabels: {
enabled: true,
format: '{point.y:.1f}%'
}
}
},
tooltip: {
headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}%</b> of total<br/>'
},
series: [{
name: "Brands",
colorByPoint: true,
data: [{
name: "Microsoft Internet Explorer",
y: 56.33,
drilldown: "Microsoft Internet Explorer"
}, {
name: "Chrome",
y: 24.030000000000005,
drilldown: "Chrome"
}, {
name: "Firefox",
y: 10.38,
drilldown: "Firefox"
}, {
name: "Safari",
y: 4.77,
drilldown: "Safari"
}, {
name: "Opera",
y: 0.9100000000000001,
drilldown: "Opera"
}, {
name: "Proprietary or Undetectable",
y: 0.2,
drilldown: null
}]
}],
drilldown: {
series: [{
name: "Microsoft Internet Explorer",
id: "Microsoft Internet Explorer",
data: [
[
"v11.0",
24.13],
[
"v8.0",
17.2],
[
"v9.0",
8.11],
[
"v10.0",
5.33],
[
"v6.0",
1.06],
[
"v7.0",
0.5]
]
}, {
name: "Chrome",
id: "Chrome",
data: [
[
"v40.0",
5],
[
"v41.0",
4.32],
[
"v42.0",
3.68],
[
"v39.0",
2.96],
[
"v36.0",
2.53],
[
"v43.0",
1.45],
[
"v31.0",
1.24],
[
"v35.0",
0.85],
[
"v38.0",
0.6],
[
"v32.0",
0.55],
[
"v37.0",
0.38],
[
"v33.0",
0.19],
[
"v34.0",
0.14],
[
"v30.0",
0.14]
]
}, {
name: "Firefox",
id: "Firefox",
data: [
[
"v35",
2.76],
[
"v36",
2.32],
[
"v37",
2.31],
[
"v34",
1.27],
[
"v38",
1.02],
[
"v31",
0.33],
[
"v33",
0.22],
[
"v32",
0.15]
]
}, {
name: "Safari",
id: "Safari",
data: [
[
"v8.0",
2.56],
[
"v7.1",
0.77],
[
"v5.1",
0.42],
[
"v5.0",
0.3],
[
"v6.1",
0.29],
[
"v7.0",
0.26],
[
"v6.2",
0.17]
]
}, {
name: "Opera",
id: "Opera",
data: [
[
"v12.x",
0.34],
[
"v28",
0.24],
[
"v27",
0.17],
[
"v29",
0.16]
]
}]
}
});
});
</script>
</head>
<body>
<script src="../../js/highcharts.js"></script>
<script src="../../js/modules/data.js"></script>
<script src="../../js/modules/drilldown.js"></script>
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
</body>
</html>