【文件属性】:
文件名称:scatter-plot
文件大小:317KB
文件格式:ZIP
更新时间:2021-04-16 02:45:37
HTML
散点图
在线演示: :
一个任务
根据输入数据实现显示的组件 ,在其上绘制通过线性逼近获得的点和趋势线。
输入数据
type Point = {
x : number ;
y : number ;
}
type APIResponse = {
points : Point [ ] ;
title : string ;
xTitle ?: string ;
yTitle ?: string ;
}
要求
React,Typescript,Storybook(可选)
SVG渲染的2D图
设计是任意的,下面给出一个例子。
需要坐标轴
从极值点算起的轴上值的线性数
每个轴,线的可选图例
通过线性函数逼近获得的趋势线
库不能用于处理图形。
执行
集会
对于构建/编译, webpack与babel webpack使用,而打字稿则与插件一起使用,
【文件预览】:
scatter-plot-master
----config()
--------projectConfig.js(396B)
--------templates()
--------common.config.json(105B)
--------Env.js(103B)
----package.json(3KB)
----.github()
--------workflows()
----build-tools()
--------resolve-tsconfig-paths-to-webpack-alias.js(1KB)
--------babel-loader.webpack.config.js(3KB)
--------webpack.config.js(10KB)
----src()
--------typings.d.ts(331B)
--------core()
--------dataLayer()
--------index.html(72KB)
--------index.tsx(1KB)
--------components()
--------index-dev.html(73KB)
--------index.css(376B)
----tsconfig.json(753B)
----.gitignore(126B)
----stub()
--------example_3.json(3KB)
--------example_1.json(5KB)
--------example_2.json(3KB)
----README.md(15KB)
----yarn.lock(423KB)
----babel.config.js(2KB)