08 2022 档案
发表于 2022-08-22 11:18阅读:108评论:0推荐:0
摘要:场景 在父组件中的数据变化时,可能子组件中的展现形式是不能通过响应式改变的,比如chart图表,虽然chart子组件中已经拿到了更新后的数据,但是需要重绘才能重新展现,这时候就可以用父组件调子组件中的重绘方法,来实现。 解决 子组件里的方法就正常声明再methods里,比如,有一个chart组件 ·
阅读全文 »
发表于 2022-08-09 11:46阅读:1333评论:0推荐:0
摘要:场景 要求用横向柱状图表示一段时间区间内是否有值,在没有值的地方就留白 如图: 实现 其实还是比较容易想到在同一series里堆叠data实现的,但是柱状图的值是一个单一值,并不是一个区间值,不可能根据区间来控制空白 空白的实现只能通过计算两个有值的柱图的差值作为该空白柱图的值,然后设置该柱图的颜色
阅读全文 »
发表于 2022-08-09 10:42阅读:967评论:0推荐:0
摘要:场景 需求是多个折线图和柱状图纵向排列,它们的X轴尺度一样,在鼠标查看具体某点数据时,纵向对比所有图的同一X轴位置上的数据,如图: 实现 首先要做到这种联动,前提是所有有联动的图都放在同一个canvas里,所以这里只有一个chartDom 而由多个图的配置,所以option的属性基本都是数组形式 而
阅读全文 »