在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML5  C  HTML/ echarts 圖表在手機(jī)上顯示很模糊,請(qǐng)問(wèn)是什么原因呢?

echarts 圖表在手機(jī)上顯示很模糊,請(qǐng)問(wèn)是什么原因呢?

如題,引用的最新版的echarts 插件制作的餅狀圖 但是手機(jī)上看起來(lái)很模糊 請(qǐng)問(wèn)是什么原因???

頁(yè)面有 <meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1,user-scalable=no">
html:

<canvas id="myChart" width="200" height="200"></canvas>

js:

    var myChart = echarts.init(document.getElementById('myChart'));
    option = {
        tooltip: {
            trigger: 'item',
            formatter: "{a} <br/>: {c} (cqdtdgtli%)"
        },
        legend: {
            orient : 'vertical',
            x : 'left',
            data:[]
        },
        color:['#36d1bb','#fecb5e','#f59860','#119FD9','#E5D117','#FF7C41', '#FF5151'],
        series: [
            {
                name:'',
                type:'pie',
                radius: ['30%', '70%'],
                avoidLabelOverlap: false,
                label: {
                    normal: {
                        show: false,
                        position: 'center'
                    },
                    emphasis: {
                        show: true,
                        textStyle: {
                            fontSize: '12',
                            fontWeight: 'bold'
                        }
                    }
                },
                labelLine: {
                    normal: {
                        show: false
                    }
                },
                data:[
                    {value:335, name:'1'},
                    {value:310, name:'2'},
                    {value:234, name:'3'},
                    {value:135, name:'4'},
                    {value:154  , name:'5'}
                ]
            }
        ]
    };

    // 為echarts對(duì)象加載數(shù)據(jù)
    myChart.setOption(option);

js也都是官網(wǎng)的例子 有人知道嗎

回答
編輯回答
挽青絲

canvas渲染的模糊一直沒(méi)找到原因 !但是換個(gè)思路 :采用svg渲染 然后手機(jī)上就正常清晰度了!

2018年6月5日 05:47
編輯回答
遲月

可以參考這個(gè),我的已經(jīng)解決
https://blog.csdn.net/k358971...

2017年4月12日 08:01
編輯回答
孤巷

選用 svg 渲染是一個(gè)方案,在移動(dòng)端的內(nèi)存占用也會(huì)更小?;蛘叱跏蓟臅r(shí)候不要用 canvas,而用一個(gè) div 作為容器,初始化在自動(dòng)創(chuàng)建 canvas 的時(shí)候會(huì)根據(jù)高分屏優(yōu)化,會(huì)縮放到兩倍大小

2018年5月17日 01:12