easy-work icon indicating copy to clipboard operation
easy-work copied to clipboard

图表有点模糊,不知道有解决办法吗

Open yinhunfeixue opened this issue 5 years ago • 6 comments

image 按示例

       <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 avatar Mar 20 '20 05:03 yinhunfeixue

真机上也是模糊的吗? @yinhunfeixue

cangku avatar Mar 20 '20 10:03 cangku

真机上也是模糊的吗? @yinhunfeixue

我试试,晚点回复

yinhunfeixue avatar Mar 20 '20 11:03 yinhunfeixue

真机上是正常的,不模糊。

但是真机有个问题是:如果一个页面有多个图表,此时,上面滚动时,其它元素会动,但图表固定不动

yinhunfeixue avatar Mar 21 '20 08:03 yinhunfeixue

微信开发者工具分享一下代码片段

cangku avatar Mar 22 '20 02:03 cangku

微信开发者工具分享一下代码片段

最小化复现的方式为

  1. taro init myApp

  2. npm i echarts12 --save

  3. 修改index.tsx import { Echart } from "echarts12"

  4. 修改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' }}>

把一行去掉就能正常滚动了

yinhunfeixue avatar Mar 22 '20 08:03 yinhunfeixue

真机上面的字体大小显示有些问题,textStyle.fontSize 设置了不生效,大家有遇到这样的问题吗

DestinyMajesty avatar Apr 09 '20 02:04 DestinyMajesty