ECharts
昨夜太平长安888
愿你我既可以朝九晚五,也可以浪迹天涯;愿你我既可以拈花把酒,也能围炉诗书茶。
展开
-
Echarts 渐变折线图
图例:代码:<template> <div class="policPic"> <div id="chart_example" ref="chart_example"></div> </div></template><script>export default { data() { return {}; }, created() {}, mounted() {原创 2021-01-29 11:51:26 · 464 阅读 · 0 评论 -
Echarts 横向柱状图
实例图片:横向显示将xAxis的type设置为value, 将yAxis的type设置为category即可实现横向显示 placeCharts() { let myChart = this.$echarts.init(sportIMg); myChart.setOption({ grid: { left: "15", containLabel: true, }, xAxis:原创 2021-01-29 11:15:58 · 18664 阅读 · 2 评论 -
如何在 Vue 项目中使用 ECharts
1. 安装Echatsnpm install echarts --save2. 项目入口文件main.js中引入Echarts// 引入echartsimport echarts from 'echarts';Vue.prototype.$echarts = echarts;例子:<template> <div id="personDetail" ref="personDetail"></div></template>&l原创 2020-10-10 10:40:18 · 468 阅读 · 2 评论