ryancui92 / echarts-composables Goto Github PK
View Code? Open in Web Editor NEWUsing ECharts in composable way
Home Page: https://echarts.ryancui.com/
License: MIT License
Using ECharts in composable way
Home Page: https://echarts.ryancui.com/
License: MIT License
scatter
effectScatter
treemap
sunburst
heatmap
graph
sankey
Currently, when we want to declare multiple Bar metrics, we have:
const metrics = [
{
key: 'data1',
visual: MetricType.Bar,
},
{
key: 'data2',
visual: MetricType.Bar,
},
{
key: 'data3',
visual: MetricType.Bar,
},
]
It's a bit long-winded, so we introduce multiple key definitions:
const metrics = [
{
key: ['data1', 'data2', 'data3'],
visual: MetricType.Bar,
}
]
Same in dimension, which can accepted multiple key in some specific dimension type, like DimensionType.Series
const dimensions = [
{
key: ['type', 'time'],
visual: DimensionType.Series,
}
]
The case would generate a combined dimension from type
and time
as type-time
. All datum would be joined with -
.
The feature would be released with new major version.
Remove UniversalAddon
. All add-on should be a combined config instead, they should have the least overlap with each other.
It should be easy to add a new add-on in Type-Safe way.
CategoryAxis
is vague and useYAxisAsDimension
is not intuitive. Since we don't usually 'rotate' the gragh once the requirement is determined, so the dimension axis should be set up earlier.
We decide to introduce DimensionType.XAxis
and DimensionType.YAxis
to let user determine how a graph should be show instead of assuming xAxis is dimension axis and then apply a hook to 'rotate' it. It would be much easier to understand and to implement too.
CategoryAxis
would be preserved but labeled as deprecated, same to useYAxisAsDimension
hook. The features would be released as a new major version.
Provide a link to umd format js file.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.