easy-work
easy-work copied to clipboard
图表有点模糊,不知道有解决办法吗
按示例
<Echart
option={{
xAxis: {
type: "category",
data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"]
},
yAxis: {
type: "value"
},
series: [
{
data: [820, 932, 901, 934, 1290, 1330, 1320],
type: "line"
}
]
}}
/>
在微信开发者工具上看到的有点模糊,请问有解决办法吗?
真机上也是模糊的吗? @yinhunfeixue
真机上也是模糊的吗? @yinhunfeixue
我试试,晚点回复
真机上是正常的,不模糊。
但是真机有个问题是:如果一个页面有多个图表,此时,上面滚动时,其它元素会动,但图表固定不动
微信开发者工具分享一下代码片段
微信开发者工具分享一下代码片段
最小化复现的方式为
-
taro init myApp
-
npm i echarts12 --save
-
修改index.tsx import { Echart } from "echarts12"
-
修改index.tsx的render为
render() {
const option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [{
data: [120, 200, 150, 80, 70, 110, 130],
type: 'bar',
showBackground: true,
backgroundStyle: {
color: 'rgba(220, 220, 220, 0.8)'
}
}]
}
return (
<View className='index'>
<View style={{ height: '600px', overflow: 'scroll' }}>
<View>aaa</View>
<Echart option={option} />
<Echart option={option} />
<Echart option={option} />
<Echart option={option} />
<Echart option={option} />
<Echart option={option} />
<Echart option={option} />
<Echart option={option} />
<Echart option={option} />
<Echart option={option} />
<Echart option={option} />
</View>
</View>
)
}
此时,在开发者工具中正常滚动。 在iphone真机中,只有aaa文字滚动,图表不动。
有问题的关键代码是
<View style={{ height: '600px', overflow: 'scroll' }}>
把一行去掉就能正常滚动了
真机上面的字体大小显示有些问题,textStyle.fontSize 设置了不生效,大家有遇到这样的问题吗