react-native-echarts-liquidfill v1.0.1

react-native-echarts-liquidfill

English 简体中文

echarts-liquidfill based on echarts.

Getting started

$ npm install react-native-echarts-liquidfill --save

Rely

$ npm install react-native-webview --save

Usage

1.Base Usage

import React from 'react';
import { View } from 'react-native';
import RNEChartsLiquidFill from 'react-native-echarts-liquidfill';
export default function ChartsComponent() {
  const pieOption = {
    title: {
      text: '水球图',
      left: 'center'
    },
    series: [
      {
        type: 'liquidFill',
        data: [0.6],
        color: ['#afb11b'],
        itemStyle: {
          //普通样式
          opacity: 0.6
        },
        emphasis: {
          itemStyle: {
            //悬停样式
            opacity: 0.9
          }
        }
      }
    ]
  };

  return (
    <View style={{ height: 300, paddingTop: 25 }}>
      <RNEChartsLiquidFill height={250} onPress={tt => alert(tt)} option={pieOption} />
    </View>
  );
}

2.More Usage

Please visit Echarts-Gallery

Props

Method