美文网首页
v-chart的图表内容超出了设定区域

v-chart的图表内容超出了设定区域

作者: 小小鱼yyds | 来源:发表于2021-11-03 18:20 被阅读0次
    image.png

    可以看见折线已经超出浏览器了,即使给ve-line设置style的width值也不管用,也不能左右滑动,挡住了一部分看不到。下面是解决方式:

    <ve-line :auto-resize="true" ref="chart" :settings="lineSettings" :data="chartData"></ve-line>
    
    setTimeout(() => {
                self.$nextTick(() => {
                  self.$refs.chart.resize();
                });
              }, 500);
    

    (1)先给ve-line设置允许自适应参数 :auto-resize="true"
    (2)再在请求到图表数据的回调里面加上一个定时器,调用图表的自适应方法

    相关文章

      网友评论

          本文标题:v-chart的图表内容超出了设定区域

          本文链接:https://www.haomeiwen.com/subject/cteczltx.html