天天看點

記錄一些開發中遇到的問題native echarts 柱形圖自定義提示(tooltip:formatter)

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碼的,你可以自己定義一個非中文的字元

記錄一些開發中遇到的問題native echarts 柱形圖自定義提示(tooltip:formatter)

這裡還有一些常見問題。

繼續閱讀