收藏
回答

echarts折线图坐标值在 huawei mate20,微信7.0版本,小程序中不显示

框架类型 问题类型 操作系统 操作系统版本 手机型号 微信版本
小程序 Bug Android 9 华为mate20 7.0.10

图为echart小程序版本。在模拟器或iOS 手机及其他android手机正常展示,但是在华为手机展示不全。如下为对比图。(y坐标轴数字没有展示 0、20、40、60、80及选中标记)

import * as echarts from '../../ec-canvas/echarts'; const app = getApp(); function initChart(canvas, width, height, dpr) { const chart = echarts.init(canvas, null, { width: width, height: height, devicePixelRatio: dpr // new }); canvas.setChart(chart); var option = { title: { text: '测试下面legend的红色区域不应被裁剪', left: 'center' }, color: ["#37A2DA", "#67E0E3", "#9FE6B8"], legend: { data: ['A', 'B', 'C'], top: 50, left: 'center', backgroundColor: 'red', z: 100 }, grid: { containLabel: true }, tooltip: { show: true, trigger: 'axis' }, xAxis: { type: 'category', boundaryGap: false, data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'], // show: false }, yAxis: { x: 'center', type: 'value', splitLine: { lineStyle: { type: 'dashed' } }, // axisLabel: { // inside: true, // // interval:0, // color: 'red', // // formatter: (name) => { // // console.log(name) // // return `值:{s|${name}}` // // }, // // rich: { // // s: { // // color: '#0ff', // // fontSize: 16 // // } // // }, // // rich: {}, // // fontSize: 13, // rotate: 38, // formatter: function (value) { // // console.log(value) // // var texts = []; // // if(value==10){ // // texts.push('I'); // // } // // else if (value==20) { // // texts.push('II'); // // } // // else if (value==30) { // // texts.push('III'); // // } // // else if(value==40){ // // texts.push('IV'); // // } // return `值开100一个一百:`; // } // } // show: false }, series: [{ name: 'A', type: 'line', smooth: true, animation: true, data: ['18', '36', '65', '30', '78', '40', '33'] }, { name: 'B', type: 'line', smooth: true, animation: true, data: ['12', '50', '51', '35', '70', '30', '20'] }, { name: 'C', type: 'line', smooth: true, animation: true, data: ['10', '30', '31', '50', '40', '20', '10'] }] } chart.setOption(option); return chart; } Page({ onShareAppMessage: function (res) { return { title: 'ECharts 可以在微信小程序中使用啦!', path: '/pages/index/index', success: function () { }, fail: function () { } } }, data: { ec: { onInit: initChart } }, onReady() { } });
回答关注问题邀请回答
收藏

3 个回答

登录 后发表内容
问题标签