DEV Community

yuhongda
yuhongda

Posted on

2 2

maybe the better way to echarts

GitHub logo yuhongda / echarts-readymade

Make echarts come in handy for React. Based on echarts-for-react

📦 echarts-readymade

Make echarts come in handy for React. Based on echarts-for-react

CC0328C6BAADA3C93D3DA9B093ED5908 (1)

Content

🎨 Features

  • 🌈 Easy to use (provide default layout and style)
  • 🌟 Available components: <Bar /> <Line /> <Pie /> <Stack /> <Scatter /> <Wordcloud /> <BarHorizontal /> <Table />
  • 🎁 Support Compare Dimension, which means you can indicate another dimension field to compare base on one dimension.
  • 💪 Typescript support

Installation

👉 Full Installation

npm install --save echarts-readymade
OR

yarn add echarts-readymade
Enter fullscreen mode Exit fullscreen mode

👉 Install What You Need

npm install --save @echarts-readymade/core
npm install --save @echarts-readymade/line

OR

yarn add @echarts-readymade/core
yarn add @echarts-readymade/line
Enter fullscreen mode Exit fullscreen mode

There're some differences between the two ways of installation below.

  1. Obviously, the way of 'Install What You Need' will…

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay