//需引入Apache ECharts
<!DOCTYPE html>
<html lang='en'>
<head>
? ? <meta charset='UTF-8'>
? ? <meta name='viewport' content='width=device-width, initial-scale=1.0'>
? ? <meta http-equiv='X-UA-Compatible' content='ie=edge'>
? ? <title>Document</title>
? ? <script src="../../../../第三方插件/echarts.js"></script>
</head>
<body>
? ? <div id="app" style="width: 500px;height: 500px;border: 1px soild black;">
? ? </div>
</body>
</html>
<script type="text/javascript">
? ? // 基于準(zhǔn)備好的dom，初始化echarts實(shí)例
? ? var myChart = echarts.init(document.getElementById('app'));
// 指定圖表的配置項(xiàng)和數(shù)據(jù)
var option = {
? title: {
? ? text: 'ECharts 入門示例'
? },
? tooltip: {},
? legend: {
? ? data: ['銷量']
? },
? xAxis: {
? ? data: ['襯衫', '羊毛衫', '雪紡衫', '褲子', '高跟鞋', '襪子']
? },
? yAxis: {},
? series: [
? ? {
? ? ? name: '銷量',
? ? ? type: 'bar',
? ? ? data: [5, 20, 36, 10, 10, 20]
? ? }
? ]
};
// 使用剛指定的配置項(xiàng)和數(shù)據(jù)顯示圖表。
myChart.setOption(option);
</script>
