Current collected state Current
Observed since 20 Oct, 21:24 UTC
No superseded metadata states collected. Unchanged observations do not create new revisions.
Back to packageRELEASE DETAILS
1.0.1
npm8lab_echarts
基于echarts的免配组件 可以传入自定义配置来覆盖默认配置
Published22 Dec 2021
Direct dependencies43
Transitive dependenciesNot calculated
README
Current package documentationecharts
基于 echarts 的免配组件
可以传入自定义配置来覆盖默认配置
条形图
<Bar
data={{'04/06': {increase: 123, decrease: 224}, '04/07': {...}, '04/08': {...}}}
option={{
// color: ['red', 'yellow'],
legend: { show: false },
xAxis: [{
axisLabel: {
interval: 0,
rotate: 40,
},
type: 'category',
data: [],
}],
grid: {
top: 10,
bottom: 30,
right: 0,
},
}}
barColumns={{
increase: '新增',
decrease: '减少',
}}
barWidth={10}
stack
style={{ height: 110 }}
/>
饼图&环图
const data = {
name: "pIe",
data: [
{ value: 1048, name: "搜索引擎123222" },
{ value: 735, name: "直接访问" },
{ value: 580, name: "邮件营销" },
{ value: 484, name: "联盟广告" },
{ value: 300, name: "视频广告" },
],
};
<Pie
seriesProcessor={(series) => {
series[0].radius = ["0%", "80%"];
series[0].center = ["30%", "50%"];
return series;
}}
data={data}
style={{ width: 500, height: 300 }}
/>;
仪表盘
<Gauge
seriesProcessor={(series) => {
const curSeries = series[0];
if (curSeries) {
const lineStyle = curSeries?.axisLine?.lineStyle;
if (lineStyle) {
lineStyle.width = 40;
}
curSeries.center = ["50%", "85%"];
curSeries.radius = "120%";
return series;
}
return [];
}}
style={{ height: 300 }}
data={66}
/>
折线图
<Line
style={{ height: 300 }}
lineColumns={{
new: "新增",
delete: "删除",
same: "保持",
}}
autoResize
seriesProcessor={(s) => {
s.forEach((eachS) => {
eachS.areaStyle = {}; //区域图
eachS.smooth = true; //曲线图
});
return s;
}}
stack //堆叠
data={{
"04/06": {
new: 123,
delete: 225,
same: 92,
},
"04/07": {
new: 2,
delete: 56,
same: 17,
},
"04/08": {
new: 89,
delete: 22,
same: 190,
},
"04/09": {
new: 5,
delete: 5,
same: 67,
},
}}
/>
Downloads & popularity
Awaiting observationsNo metric observations yet
Download counts and popularity will appear here as the collector receives them.
Declared dependencies 43
Native requirements43 direct targetsNot calculated transitive count
| Package / target | Requirement | Relationship |
|---|---|---|
@babel/coreEnvironment{
"local_name": "@babel/core",
"alias": false,
"peer_metadata": null
} | ^7.14.3 | development |
@babel/eslint-parserEnvironment{
"local_name": "@babel/eslint-parser",
"alias": false,
"peer_metadata": null
} | ^7.14.4 | development |
@babel/preset-envEnvironment{
"local_name": "@babel/preset-env",
"alias": false,
"peer_metadata": null
} | ^7.14.4 | development |
@testing-library/react-hooksEnvironment{
"local_name": "@testing-library/react-hooks",
"alias": false,
"peer_metadata": null
} | ^7.0.0 | development |
@types/nodeEnvironment{
"local_name": "@types/node",
"alias": false,
"peer_metadata": null
} | ^15.9.0 | development |
@typescript-eslint/eslint-pluginEnvironment{
"local_name": "@typescript-eslint/eslint-plugin",
"alias": false,
"peer_metadata": null
} | ^4.26.0 | development |
@typescript-eslint/parserEnvironment{
"local_name": "@typescript-eslint/parser",
"alias": false,
"peer_metadata": null
} | ^4.26.0 | development |
@wojtekmaj/enzyme-adapter-react-17Environment{
"local_name": "@wojtekmaj/enzyme-adapter-react-17",
"alias": false,
"peer_metadata": null
} | ^0.6.1 | development |
babel-eslintEnvironment{
"local_name": "babel-eslint",
"alias": false,
"peer_metadata": null
} | ^10.1.0 | development |
babel-loaderEnvironment{
"local_name": "babel-loader",
"alias": false,
"peer_metadata": null
} | ^8.2.2 | development |
css-loaderEnvironment{
"local_name": "css-loader",
"alias": false,
"peer_metadata": null
} | ^5.2.6 | development |
enzymeEnvironment{
"local_name": "enzyme",
"alias": false,
"peer_metadata": null
} | ^3.11.0 | development |
eslintEnvironment{
"local_name": "eslint",
"alias": false,
"peer_metadata": null
} | ^7.27.0 | development |
eslint-config-airbnbEnvironment{
"local_name": "eslint-config-airbnb",
"alias": false,
"peer_metadata": null
} | ^18.2.1 | development |
eslint-plugin-importEnvironment{
"local_name": "eslint-plugin-import",
"alias": false,
"peer_metadata": null
} | ^2.23.4 | development |
eslint-plugin-jsx-a11yEnvironment{
"local_name": "eslint-plugin-jsx-a11y",
"alias": false,
"peer_metadata": null
} | ^6.4.1 | development |
eslint-plugin-reactEnvironment{
"local_name": "eslint-plugin-react",
"alias": false,
"peer_metadata": null
} | ^7.24.0 | development |
html-webpack-pluginEnvironment{
"local_name": "html-webpack-plugin",
"alias": false,
"peer_metadata": null
} | ^5.3.1 | development |
jestEnvironment{
"local_name": "jest",
"alias": false,
"peer_metadata": null
} | ^27.0.4 | development |
jsdomEnvironment{
"local_name": "jsdom",
"alias": false,
"peer_metadata": null
} | 16.6.0 | development |
jsdom-globalEnvironment{
"local_name": "jsdom-global",
"alias": false,
"peer_metadata": null
} | 3.0.2 | development |
lessEnvironment{
"local_name": "less",
"alias": false,
"peer_metadata": null
} | ^4.1.1 | development |
less-loaderEnvironment{
"local_name": "less-loader",
"alias": false,
"peer_metadata": null
} | ^9.0.0 | development |
node-notifierEnvironment{
"local_name": "node-notifier",
"alias": false,
"peer_metadata": null
} | ^10.0.0 | development |
prettierEnvironment{
"local_name": "prettier",
"alias": false,
"peer_metadata": null
} | ^2.3.0 | development |
react-test-rendererEnvironment{
"local_name": "react-test-renderer",
"alias": false,
"peer_metadata": null
} | ^17.0.2 | development |
style-loaderEnvironment{
"local_name": "style-loader",
"alias": false,
"peer_metadata": null
} | ^2.0.0 | development |
ts-jestEnvironment{
"local_name": "ts-jest",
"alias": false,
"peer_metadata": null
} | ^27.0.3 | development |
ts-loaderEnvironment{
"local_name": "ts-loader",
"alias": false,
"peer_metadata": null
} | ^9.2.2 | development |
typescriptEnvironment{
"local_name": "typescript",
"alias": false,
"peer_metadata": null
} | ^4.3.2 | development |
webpackEnvironment{
"local_name": "webpack",
"alias": false,
"peer_metadata": null
} | ^5.38.1 | development |
webpack-cliEnvironment{
"local_name": "webpack-cli",
"alias": false,
"peer_metadata": null
} | ^4.7.0 | development |
webpack-dev-serverEnvironment{
"local_name": "webpack-dev-server",
"alias": false,
"peer_metadata": null
} | ^3.11.2 | development |
antdEnvironment{
"local_name": "antd",
"alias": false,
"peer_metadata": null
} | ^4.16.13 | peer |
8lab_hooksEnvironment{
"local_name": "8lab_hooks",
"alias": false,
"peer_metadata": null
} | ^1.0.2 | peer |
babel-plugin-importEnvironment{
"local_name": "babel-plugin-import",
"alias": false,
"peer_metadata": null
} | ^1.13.3 | peer |
echartsEnvironment{
"local_name": "echarts",
"alias": false,
"peer_metadata": null
} | ^5.2.0 | peer |
echarts-glEnvironment{
"local_name": "echarts-gl",
"alias": false,
"peer_metadata": null
} | ^2.0.8 | peer |
lodashEnvironment{
"local_name": "lodash",
"alias": false,
"peer_metadata": null
} | ^4.17.21 | peer |
processEnvironment{
"local_name": "process",
"alias": false,
"peer_metadata": null
} | ^0.11.10 | peer |
reactEnvironment{
"local_name": "react",
"alias": false,
"peer_metadata": null
} | ^17.0.2 | peer |
react-domEnvironment{
"local_name": "react-dom",
"alias": false,
"peer_metadata": null
} | ^17.0.2 | peer |
rxjsEnvironment{
"local_name": "rxjs",
"alias": false,
"peer_metadata": null
} | ^7.3.0 | peer |
Distribution files
1 collectedDistribution 1
Source fileSource distribution
Checksums from source
{
"integrity": "sha512-+HINeTC68xMCmVfsvjgkseJgFUjJyrnwFpmDU4P4obsJDdpuretMnSExLMHoJKG1hQMzXX6XCDFkSMpBPnyX4Q==",
"shasum": "0b62c18af1cf9ca2e869a1316f9e6d36d055cfa4",
"tarball": "https://registry.npmjs.org/8lab_echarts/-/8lab_echarts-1.0.1.tgz",
"fileCount": 21,
"unpackedSize": 2123108,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwo3XCRA9TVsSAnZWagAAdOQP/Aj+yVwr6BkotZL5saDa\nLHXel1T7I+XMY7TDaXlGsGILF8hApFkkI6cc9aL1kIoc7pFas2oQWSosF5Uz\nb13gBffEnLRv1KEXowwJQHliJg5zCfs6N6X1puzP3hO3D4xJPa2MZPqX7WDc\nhb6F3Tx4rJnFtoi5J1tRzDYoPP/mfPlGWCRtEWh2td4+p+HW9AtcbJxlVCXm\n32GoyfvbnUIx/LVnGgjrPgb3eHX6SKMGMc6q8k2ky+UJERpzzbksVdmqKcTS\nDprHBKTZTVzp7717o1rQDVMdwBoicQ2jY+S++veVsRlY8LV+dQ7QAa7POFrw\nGPHEezg6WQ0M3JkYcxuk165uSsV5c2aMnZCFZsbnoxEaC45qjQISN2W9wYPh\nR//6Zj7WS2ksrZCuNeoMsWXrdOI/kNjzKax5oBPLVmCiZrfi2u45MfcZvl+p\nvl4FIUoa0V+1ykPIm35fPLnp2l8bQ2JgB+4PHIFwM5cy239WIeNnKSZp3VDz\nts1ZhlJUgxZK7HXGv5cF9y0i45QYOlyfwtc6/L0nnfmNRL0DYGOMjFe6qOSw\n22PUQxH5A65+cNtG7HpD3IPe4rCGG499r+7lby8MA8kTMXBBPxMvEOb/h1hL\nIEwL9EftpKOMWEN0DGO14IIc7QOI/sijAlGLGS87rKF4qdyIvdGmN1RvN+Pf\nDK97\r\n=DFWQ\r\n-----END PGP SIGNATURE-----\r\n",
"signatures": [
{
"keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA",
"sig": "MEQCIAzWSg7ldNEGuUKigjnQvIUUJhe4rO8EW9XwxUx+ikIcAiBUV+WoGjkgCxCLNLlVRz2qUz4eUDfX0toUDA4+P+suIg=="
}
]
}Metadata history
Meaningful changesRecord identity
package_version:f49a00c3cf76cafc0d3f9dff3febe6a827cfc252163d85eae1ee2d987f1d9711