记录一些开发中遇到的问题
native echarts
native echarts 柱形图自定义提示(tooltip:formatter)
最近在开发rn中遇到一些native echart 自定义的问题
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'none',
label: {
backgroundColor: '#000000',
}
},
formatter: (datas, ticket, callback) => {
//datas 是多个系列的数据数组
//ticket 是异步回调标识,配合第三个参数 callback 使用
//callback 是异步回调,在提示框浮层内容是异步获取的时候,可以通过 callback 传入上述的 ticket 和 html 更新提示框浮层内容
/*这里面可以根据上面几个参数来写自己提示内容*/
}
其中datas包括
{
componentType: 'series',
// 系列类型
seriesType: string,
// 系列在传入的 option.series 中的 index
seriesIndex: number,
// 系列名称
seriesName: string,
// 数据名,类目名
name: string,
// 数据在传入的 data 数组中的 index
dataIndex: number,
// 传入的原始数据项
data: Object,
// 传入的数据值
value: number|Array,
// 数据图形的颜色
color: string,
}
如果你需要在formatter用if语句的话不可以用datas.name来判断,如下这样是错误的(如果你的name是中文的话)
formatter: (datas, ticket, callback) => {
//这里假如你的name是中文
if(datas.name=='中文')//这样写在打包发布后话是不会生效的
}
这样写的话在模拟器上是可以的,但打包过后在Android上是不起作用的,因为native echarts中的中文是类似unicode码的,你可以自己定义一个非中文的字符
这里还有一些常见问题。