Android设备饼图中文乱码 about react-native-echarts HOT 11 CLOSED

尝试

1. 使用svgchart
2. 给label等设置系统支持的字体

from react-native-echarts.

使用svgchart 显示正常，但是过渡动画卡顿
设备 小米10s

from react-native-echarts.

性能上，skia更好点，通过设置字体也可以解决中文问题

from react-native-echarts.

设置了字体，legend的中文显示了，tooltip里还是不显示 @zhiqingchen

from react-native-echarts.

@zhangyongz 提供下具体配置和环境信息

from react-native-echarts.

option = { backgroundColor: '#fff', legend: { show: true, icon: 'roundRect' }, tooltip: { trigger: 'axis', backgroundColor: 'rgba(0,0,0,0.65)', textStyle: { color: '#fff', fontSize: 12, fontFamily: 'PingFang SC' }, axisPointer: { type: 'line', lineStyle: { color: '#E6262C4D', type: 'dashed' }, width: 2 } }, xAxis: { type: 'category', data: [ '05-02', '05-03', '05-04', '05-05', '05-06', '05-07', '05-08' ] }, yAxis: [ { show: true }, false ], series: [ { show: true, animation: true, type: 'line', name: '收件量', data: [ 1022.92, 997.24, 925.7, 991.55, 1040.35, 514.87, 49 ] }, { show: true, animation: true, type: 'line', name: '均量', data: [ 791.66, 791.66, 791.66, 791.66, 791.66, 791.66, 791.66 ] } ], textStyle: { fontFamily: 'PingFang SC' } }

dependencies: { react-native: "0.70.6", echarts: "5.4.2", @wuba/react-native-echarts: "1.0.0", @shopify/react-native-skia: "0.1.188" }
@zhiqingchen

from react-native-echarts.

option = { backgroundColor: '#fff', legend: { show: true, icon: 'roundRect' }, tooltip: { trigger: 'axis', backgroundColor: 'rgba(0,0,0,0.65)', textStyle: { color: '#fff', fontSize: 12, fontFamily: 'PingFang SC' }, axisPointer: { type: 'line', lineStyle: { color: '#E6262C4D', type: 'dashed' }, width: 2 } }, xAxis: { type: 'category', data: [ '05-02', '05-03', '05-04', '05-05', '05-06', '05-07', '05-08' ] }, yAxis: [ { show: true }, false ], series: [ { show: true, animation: true, type: 'line', name: '收件量', data: [ 1022.92, 997.24, 925.7, 991.55, 1040.35, 514.87, 49 ] }, { show: true, animation: true, type: 'line', name: '均量', data: [ 791.66, 791.66, 791.66, 791.66, 791.66, 791.66, 791.66 ] } ], textStyle: { fontFamily: 'PingFang SC' } }

dependencies: { react-native: "0.70.6", echarts: "5.4.2", @wuba/react-native-echarts: "1.0.0", @shopify/react-native-skia: "0.1.188" } @zhiqingchen

也是小米10吗，还是别的机型？

from react-native-echarts.

ios @iambool

from react-native-echarts.

ios @iambool

@zhiqingchen ios可复现

from react-native-echarts.

#15

跟这个问题类似，需要再研究看看

from react-native-echarts.

设置了字体，legend的中文显示了，tooltip里还是不显示 @zhiqingchen

使用了SkiaCharts，tooltip中不显示中文的可以将这个文件的这几段注释打开，DEFAULT_FONT_FAMILY改为PingFang SC
一个临时的解决方法

from react-native-echarts.