echarts
石页的橙橙
这个作者很懒,什么都没留下…
展开
-
vue大屏监控
vue 实现大屏监控样式如下所示:vue大屏监控主要包括以下一些内容:本次大屏监控页面包括三张图:两张柱状图、一张折线图页面美化:引入DataV组件,用于大屏监控页面增加边框、装饰等注意父子组件之间的彼此通信方法以下代码顺序为:./components/下两个柱状图和一张折线图的代码;最后是screenMonitor父组件应用前述子组件代码<template> <div ref="BarChart" style="height: 250%; width: 100%"原创 2021-10-25 11:28:45 · 2778 阅读 · 0 评论 -
vue 实现渐变折线图
vue实现渐变折线图实现结果示例:共定义两个文件一个是lineChart.vue及index.vue,前者用于定义折线图,后者在前者基础上丰富组件和功能首先是lineChart.vue文件:<template> <div ref="LineChart" style="height: 600px; width: 100%"/></template><script>import echarts from 'echarts'export d原创 2021-10-19 14:19:15 · 667 阅读 · 1 评论