echarts
Alisane
这个作者很懒,什么都没留下…
展开
-
echart常用配置项tooltip
tooltip ={ //提示框组件 trigger: 'item', //触发类型,'item'数据项图形触发,主要在散点图,饼图等无类目轴的图表中使用。 'axis'坐标轴触发,主要在柱状图,折线图等会使用类目轴的图表中使用。 triggerOn:"mousemove", //提示框触发的条件,'mousemove'鼠标移动时触发。'clic.原创 2020-12-28 09:39:54 · 1331 阅读 · 0 评论 -
vue中使用echart并在echart中添加警戒线
vue中使用echart并在echart中添加警戒线,通过配置visualMap和series.markLine实现警戒线效果 this.myChart1 = this.$echarts.init(document.getElementById('myChart1')) this.option1 = { title: { text: '温度趋势图', textStyle: { color: '.原创 2020-12-22 11:18:34 · 1140 阅读 · 0 评论 -
vue中使用echart实现三维立体图
echart实现三维立体图,这个有一个踩坑点,echart在渲染数据的时候,会有过渡动画效果,当数据量大的时候,会使图表在绘制过程中卡住,解决这个问题的办法是去掉过渡动画效果:grid3D.viewControl.animation = false。 this.myChart3 = this.$echarts.init(document.getElementById('myChart3')) this.option3 = { title: { t.原创 2020-12-21 14:53:57 · 4069 阅读 · 2 评论 -
vue中使用echarts
第一种:渐变曲线图且改变网格样式 <div id="myChart1" :style="{width: '100%', height: '330px'}"></div> this.myChart1 = this.$echarts.init(document.getElementById('myChart1')) this.option1 = { // 用于区域缩放 dataZoo..原创 2020-11-16 15:59:28 · 480 阅读 · 0 评论