echart
前端筱攻城狮
这个作者很懒,什么都没留下…
展开
-
记录一下自己封装的echart堆叠柱状图(后面开发中感觉有点复杂弃用了,不过样式都有做出来了)
具体代码 <template> <div> <div :id="stackedChart" style="width:100%;height:280px"></div> </div> </template> <script> import * as echarts from 'echarts' const idGen = () => { return new Date...原创 2021-12-08 11:22:04 · 421 阅读 · 0 评论 -
记录一下自己封装的echart折线图
功能描述:统计显示每个月份的风险次数数据。 交互详情:鼠标移动到对应的列,显示出对应月份的数据。 <template> <div> <div :id="chart4" style="width:100%;height:280px"></div> </div> </template> <script> import * as echarts from 'echarts' const .原创 2021-12-08 10:10:37 · 123 阅读 · 0 评论 -
记录一下自己封装的echart柱状图(可以滚动缩放,鼠标悬停显示出对应的数据,圆角优化)
功能描述:显示供应商领用金额。 2.交互详情:为了防止数据过多,表格默认显示15条数据。可以使用缩放条进行缩放和滚动进行数据的浏览。鼠标移动到对应的列,显示出对应的数据。 <template> <div> <div :id="chart4" style="width:100%;height:280px"></div> </div> </template> <scri..原创 2021-12-08 10:06:53 · 744 阅读 · 0 评论 -
记录一下自己封装的echart雷达图(可以根据表格进行点击切换联动,传递color改变雷达图颜色),方便以后用到参考
<template> <div> <div :id="radarChart" style="width:350px;height:280px"></div> </div> </template> <script> import * as echarts from 'echarts' const idGen = () => { return new Date().getTime().原创 2021-11-17 10:41:06 · 1193 阅读 · 2 评论