📄 index.html
字号:
<html>
<head>
<title>JSChart</title>
<script type="text/javascript" src="../../../sources/jscharts.js"></script>
</head>
<body>
<div id="graph">Loading graph...</div>
<script type="text/javascript">
var myData = new Array(['IE7', 26], ['IE6', 24.6], ['Firefox', 44.2], ['Safari', 2.6], ['Opera', 2.1]);
var colors = ['#0673B8', '#0091F1', '#F85900', '#1CC2E6', '#C32121'];
var myChart = new JSChart('graph', 'pie');
myChart.setDataArray(myData);
myChart.colorizePie(colors);
myChart.setTitle('W3schools browser statistics in August 2008 (%)');
myChart.setTitleColor('#8E8E8E');
myChart.setTitleFontSize(11);
myChart.setTextPaddingTop(280);
myChart.setPieValuesDecimals(1);
myChart.setPieUnitsFontSize(9);
myChart.setPieValuesFontSize(8);
myChart.setPieValuesColor('#fff');
myChart.setPieUnitsColor('#969696');
myChart.setSize(616, 321);
myChart.setPiePosition(308, 145);
myChart.setPieRadius(95);
myChart.setFlagColor('#fff');
myChart.setFlagRadius(4);
myChart.setTooltip(['Firefox','Including Mozilla and all Gecko browsers']);
myChart.setTooltip(['IE6','Including IE5 and older browsers']);
myChart.setTooltipOpacity(1);
myChart.setTooltipBackground('#ddf');
myChart.setTooltipPosition('ne');
myChart.setTooltipOffset(2);
myChart.setBackgroundImage('chart_bg.jpg');
myChart.draw();
</script>
</body>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -