成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

vue 中echart折線自適應(yīng)

xiaoqibTn / 1871人閱讀

摘要：前端時(shí)間做一個(gè)的項(xiàng)目，是按需引入的如下引入主模塊引入折線圖引入提示框和圖例組件然后發(fā)現(xiàn)在縮放瀏覽器窗口時(shí)折線圖并不會(huì)自適應(yīng)，費(fèi)了好一會(huì)才解決，記錄下來(lái)給需要的小伙伴，解決方法是在里面調(diào)用如下方法折線圖寬高自適應(yīng)

前端時(shí)間做一個(gè)vue的項(xiàng)目，echart是按需引入的如下：

// 引入 ECharts 主模塊
import echarts from "echarts/lib/echarts"
// 引入折線圖
import "echarts/lib/chart/line"
// 引入提示框和圖例組件
import "echarts/lib/component/tooltip"
import "echarts/lib/component/legendScroll"

然后發(fā)現(xiàn)在縮放瀏覽器窗口時(shí)折線圖并不會(huì)自適應(yīng)，費(fèi)了好一會(huì)才解決，記錄下來(lái)給需要的小伙伴，
解決方法是在mounted里面調(diào)用如下方法：

init () {
        //折線圖寬高自適應(yīng)
        const self = this;
        setTimeout(() => {
          window.onresize = function () {
            if(self.$refs.lineChart) {
               self.chart = echarts.init(self.$refs.lineChart);
               self.chart.resize();
            }
          };
        }, 20);
    }

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/115721.html

相關(guān)文章

  • vue 中echart折線自適應(yīng)

    摘要：前端時(shí)間做一個(gè)的項(xiàng)目，是按需引入的如下引入主模塊引入折線圖引入提示框和圖例組件然后發(fā)現(xiàn)在縮放瀏覽器窗口時(shí)折線圖并不會(huì)自適應(yīng)，費(fèi)了好一會(huì)才解決，記錄下來(lái)給需要的小伙伴，解決方法是在里面調(diào)用如下方法折線圖寬高自適應(yīng) 前端時(shí)間做一個(gè)vue的項(xiàng)目，echart是按需引入的如下： // 引入 ECharts 主模塊 import echarts from echarts/lib/echarts ...

    jayce 評(píng)論0 收藏0

  • vue 中echart折線自適應(yīng)

    摘要：前端時(shí)間做一個(gè)的項(xiàng)目，是按需引入的如下引入主模塊引入折線圖引入提示框和圖例組件然后發(fā)現(xiàn)在縮放瀏覽器窗口時(shí)折線圖并不會(huì)自適應(yīng)，費(fèi)了好一會(huì)才解決，記錄下來(lái)給需要的小伙伴，解決方法是在里面調(diào)用如下方法折線圖寬高自適應(yīng) 前端時(shí)間做一個(gè)vue的項(xiàng)目，echart是按需引入的如下： // 引入 ECharts 主模塊 import echarts from echarts/lib/echarts ...

    guyan0319 評(píng)論0 收藏0

  • echarts3的折線圖怎么分段顯示不同的顏色

    摘要：原來(lái)的格式修改為現(xiàn)在的格式篇幅所限，我這里沒(méi)有詳細(xì)列出來(lái)詳細(xì)請(qǐng)?jiān)L問(wèn)我的的折線圖怎么分段顯示不同的顏色再次刷新，是不是兩條斷線連上了呢。 一.場(chǎng)景 在使用echarts3做圖表的時(shí)候，可能會(huì)遇到一些特殊的需求： 星期一到星期四這幾個(gè)點(diǎn)的折線顯示一個(gè)顏色，周五到周日這幾個(gè)點(diǎn)的折線顯示另外一個(gè)顏色，來(lái)起到強(qiáng)調(diào)區(qū)別的作用。 二.效果圖 先看一下效果圖，你會(huì)有一個(gè)更清晰的認(rèn)識(shí): showImg(...

    J4ck_Chan 評(píng)論0 收藏0

  • echarts3的折線圖怎么分段顯示不同的顏色

    摘要：原來(lái)的格式修改為現(xiàn)在的格式篇幅所限，我這里沒(méi)有詳細(xì)列出來(lái)詳細(xì)請(qǐng)?jiān)L問(wèn)我的的折線圖怎么分段顯示不同的顏色再次刷新，是不是兩條斷線連上了呢。 一.場(chǎng)景 在使用echarts3做圖表的時(shí)候，可能會(huì)遇到一些特殊的需求： 星期一到星期四這幾個(gè)點(diǎn)的折線顯示一個(gè)顏色，周五到周日這幾個(gè)點(diǎn)的折線顯示另外一個(gè)顏色，來(lái)起到強(qiáng)調(diào)區(qū)別的作用。 二.效果圖 先看一下效果圖，你會(huì)有一個(gè)更清晰的認(rèn)識(shí): showImg(...

    mumumu 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<