index.html

来自「JS Charts是一个JavaScript制图组件。支持的图表类型包括:柱状图」· HTML 代码 · 共 30 行

HTML
30
字号
<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(['S.1', 20], ['S.2', 70], ['S.3', 30], ['S.4', 60], ['S.5', 80], ['S.6', 10]);
	var myChart = new JSChart('graph', 'pie');
	var colors = ['#898A89', '#767776', '#676767', '#434443', '#B0B1B0', '#9E9F9E'];
	myChart.setDataArray(myData);
	myChart.colorizePie(colors);
	myChart.setPieUnitsOffset(-30);
	myChart.setPieUnitsColor('#fff');
	myChart.setPieValuesOffset(10);
	myChart.setPieValuesColor('#878787');
	myChart.setTitleColor('#7A7A7A');
	myChart.draw();
	
</script>

</body>
</html>

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?