react.js使用echarts

简介: react.js使用echarts

1.先在项目的本地目录里打开cmd命令行输入

npm install echarts --save


然后我们就可以看到node_modules里面有一个eachers的文件夹



2.然后在需要的页面里引入



对了这里有个问题之前我是这样引入的



后来除了一些问题就是GridComponent一直显示没有这个说以后来我就这样引入了

3.接下来呢就是js代码了



就在componentDidMount里面写就可以了

4.最后就是html代码了



就是一个div里面记得要写宽和高

最后有一个小请求如果有大佬解决上面那个引入的解决问题了请帮忙写道下面评论区谢谢了

相关文章
|
3月前
|
数据可视化 前端开发 JavaScript
Echarts+JS实现智慧门店可视化大屏!!附源码!!
Echarts+JS实现智慧门店可视化大屏!!附源码!!
|
3月前
|
数据可视化 前端开发 JavaScript
Echarts+JS实现农业指挥舱可视化大屏!!附源码!!
Echarts+JS实现农业指挥舱可视化大屏!!附源码!!
|
3月前
|
数据可视化 前端开发 JavaScript
Echarts+JS实现数据分析可视化大屏!!附源码!!
Echarts+JS实现数据分析可视化大屏!!附源码!!
|
4月前
|
前端开发
大屏自适应/适配方案【详解】(echarts自适配、rem、flexible.js、vscode中px2rem插件自动计算rem)
大屏自适应/适配方案【详解】(echarts自适配、rem、flexible.js、vscode中px2rem插件自动计算rem)
585 0
|
6月前
|
前端开发 JavaScript 定位技术
Docusaurus框架——react+antd+echarts自定义mdx生成图表代码解释文档
Docusaurus框架——react+antd+echarts自定义mdx生成图表代码解释文档
672 0
|
6月前
|
数据可视化 前端开发 JavaScript
react+datav+echarts实现可视化数据大屏
最近有点闲,就学习了下react,没想到就把react学完了,觉得还不错,就打算出一把react+datav的简易版可视化数据大屏供大家做个参考
489 2
react+datav+echarts实现可视化数据大屏
|
6月前
|
移动开发 JavaScript
echarts生成图表并下载为PDF文件(附带js源码地址)
echarts生成图表并下载为PDF文件(附带js源码地址)
131 0
|
6月前
|
前端开发 JavaScript
React中封装echarts图表组件以及自适应窗口变化
React中封装echarts图表组件以及自适应窗口变化
202 1
|
12月前
|
JSON 前端开发 JavaScript
从零开始学习React-五分钟上手Echarts折线图(十)
从零开始学习React-五分钟上手Echarts折线图(十)
168 0
|
前端开发 容器
react使用echarts图表
react使用echarts图表
150 0