wecharts

web components echarts

use

npm install @koi-design/wecharts --save

import { WechartsElement } from '@koi-design/wecharts';

// set chart data
const dataMatrix = [
  ['product', '2015', '2016', '2017'],
  ['Matcha Latte', 43.3, 85.8, 93.7],
  ['Milk Tea', 83.1, 73.4, 55.1],
  ['Cheese Cocoa', 86.4, 65.2, 82.5],
  ['Walnut Brownie', 72.4, 53.9, -39.1]
];

const chartRef = useRef<WechartsElement | null>(null);

useEffect(() => {
  chartRef.current!.setGraphData(dataMatrix)
}, []);

<w-echarts
  ref={chartRef}
  type="bar"
  style={{ height: '300px' }}
/>

develop

# start
npm run start

# build
npm run build