美文网首页
vue echarts 适配

vue echarts 适配

作者: 嘤夏影 | 来源:发表于2021-11-13 18:12 被阅读0次

    //换算方法
    export function nowSize(val, initWidth = 1920) {
    // 当前视口宽度
    let nowClientWidth = document.documentElement.clientWidth;
    return val * (nowClientWidth / initWidth);
    }

    main.js
    import {nowSize} from '@/utils/common'
    Vue.prototype.$nowSize = nowSize

    组件中:
    legend: {
    top: "10",
    type:'plain',
    icon:'stack', //这里可以将line的图例改成矩形图例
    itemWidth: this.nowSize(15), itemHeight: this.nowSize(15),
    textStyle: {
    color: "#fff",
    fontSize: this.$nowSize(14),
    },
    },

    相关文章

      网友评论

          本文标题:vue echarts 适配

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