vue使用echarts字体自适应

vue使用echarts字体自适应<templete><divid=”echart”style=”width:400px;height:400px”></div></templete><script>exportdefault({data(){return{chartCircle:null,circleOption:{},screenW

<templete>
      <div id="echart" style="width:400px;height:400px"></div>
</templete>
<script>
   export default({
      data(){
         return{ 
            chartCircle:null,
            circleOption:{},
             screenWidth: document.body.clientWidth,//当前屏幕宽度
         }
       },
       mounted(){this.getTaskData()},
       methods:{
            nowSize(val,initWidth=1920){
	            let nowClientWidth = document.documentElement.clientWidth
	            return val * (nowClientWidth/initWidth);
	        },
	       getTaskData(){
	            basic.getTask().then(res=>{
	                if(res.data.code==0){
	                    //今日巡检
	                    this.chartCircle = this.$echarts.init(document.getElementById("echart"));
	                    this.circleOption =  {
	                        tooltip: {
	                          trigger: "item",
	                

今天的文章vue使用echarts字体自适应分享到此就结束了,感谢您的阅读。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/9575.html

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注