<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>vue.js销售数据柱状图表代码 - 更多源码【www.96flw.com】</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="app">
<div class="chart">
<div class="y-axis">
<div class="span" v-for="value in yLabels" :key="value">
{{value}}
</div>
</div>
<div class="plot" :style="styles">
<div :title="value" :style="getBarStyles(value)" class="bar" v-for="(value, index) in series" :key="index">
</div>
<div class="x-axis">
<span class="x-label" v-for="cat in categories" :key="cat">
{{cat}}
</span>
</div>
</div>
</div>
</div>
<script src='js/vue.min.js'></script>
<script src="js/script.js"></script>
<div style="text-align:center;margin:-150px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<p>适用浏览器：360、FireFox、Chrome、Opera、傲游、搜狗、世界之窗. 不支持Safari、IE8及以下浏览器。</p>
<p>更多源码<a href="http://www.96flw.com" target="_blank">www.96flw.com</a></p>
</div>
</body>
</html>
vue.js销售数据柱状图表代码.zip （4个子文件） 
jiaoben7578 js 
vue.min.js 91KB script.js 1KB css style.css 1021B
index.html 1KB资源评论
码云笔记
- 粉丝: 3w+
- 资源: 5850
