native echarts
- native echarts 柱形圖自定義提示(tooltip:formatter)
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碼的,你可以自己定義一個非中文的字元
這裡還有一些常見問題。