charts:小型SVG React图表库

时间:2021-03-29 20:51:01
【文件属性】:
文件名称:charts:小型SVG React图表库
文件大小:203KB
文件格式:ZIP
更新时间:2021-03-29 20:51:01
react component-library JavaScript @ culturehq /图表 SVG React图表库。 入门 首先,将@culturehq/charts添加到package.json dependencies ,然后使用npm install或yarn install 。 共有三种基本图表类型: HorizontalBarChart , PieChart和VerticalBarChart 。 每个接受两个道具: className? -SVG的可选类名 data一个对象,其键为数据系列的名称,值为数量 VerticalBarChart还接受: rotateKeys = true是否略微旋转键名以使其更适合图表 要获取样式,请确保还将@culturehq/charts/dist/style.css导入到您正在使用的任何样式表中。 本地测试 您可以通过运行yarn test来运行yarn test并可以通过运行yarn test
【文件预览】:
charts-master
----.gitignore(47B)
----.babelrc(206B)
----package.json(1KB)
----setupTests.js(162B)
----src()
--------Chart.js(2KB)
--------ChartSegment.js(905B)
--------PieChart.js(5KB)
--------HorizontalBarChart.js(3KB)
--------__tests__()
--------Charts.js(186B)
--------style.css(4KB)
--------VerticalBarChart.js(3KB)
--------ChartInfoBox.js(1KB)
--------getMaximum.js(206B)
--------ChartExports.js(4KB)
--------getColorList.js(311B)
----webpack.config.js(500B)
----CODE_OF_CONDUCT.md(3KB)
----LICENSE(1KB)
----.mergify.yml(228B)
----CHANGELOG.md(3KB)
----.github()
--------workflows()
----README.md(1KB)
----.npmignore(76B)
----docs()
--------favicon-32x32.png(2KB)
--------app.js(1KB)
--------favicon-16x16.png(1KB)
--------index.js(151KB)
--------index.html(626B)
--------app.css(1011B)
--------favicon.ico(15KB)
----yarn.lock(334KB)

网友评论