首页 > 其他分享 >记录React echart demo实践

记录React echart demo实践

时间:2022-10-20 10:55:52浏览次数:83  
标签:git run echart demo React based Echarts

最近在了解学习React,找了个demo

Echarts-based-on-React:基于react技术栈,使用Echarts,实现地图深钻、柱状图、折线图、散点图

Echarts-based-on-React项目运行
1.git clone Project Code:
git clone https://github.com/ZhiRongYuan/Echarts-based-on-React.git

2.Entry Project Path
cd Echarts-based-on-React

3.Installation dependent packet
npm install

4.run project and view
npm run start

访问 会自动打开浏览器访问)
通过 npm run build 编译生成的dist文件夹放在服务器即可正常访问

标签:git,run,echart,demo,React,based,Echarts
From: https://www.cnblogs.com/chenjin2136/p/16808937.html

相关文章

  • react hooks useState 转同步执行
    之前的错误写法   ......
  • react-redux
    - react-redux:facebook团队发现程序员都喜欢用redux在react项目中管理自己的状态,于是就开发了react-redux,目的是让程序员更方便的在react中使用redux。     ......
  • react 可视化编辑器1
    可视化编辑器1前言前面我们学习低代码,例如百度的低代码平台amis,也有相应的可视化编辑器,通过拖拽的方式生成配置文件。就像这样笔者自己也有类似需求:比如中台有个归档......
  • React遍历数组的时候报错:key需要保持不一样
    需要加上key值,使每个dom不一样报错:{jigui.map((item,index)=>{return<p>{item?.name}</p>;})}不会报错:{jigui.map((item,index)=>{......
  • React HOOK:useReducer 与 useState区别?(面试)
    useReducervsuseState(面试)useReducer和useState都可以用来管理组件的状态,它们之间最大的区别就是:useReducer将状态和状态的变化统一管理在reducer函数里面,这样对......
  • React HOOK:useRef
    useRefuseRef是用来在组件不同渲染之间共用一些数据的,它的作用和我们在类组件里面为this赋值是一样的。语法import{useRef}from"react"constrefObject=useRef(i......
  • React:生命周期函数
    生命周期钩子详解定义:在特定的阶段,ne你刚刚自动执行的函数(方法)。componentWillMount:在渲染前调用,在客户端也在服务端。componentDidMount:在第一次渲染后调用,只......
  • Redux and React
        ......
  • React:数组、列表渲染
    数组JSX允许在模板中插入数组,数组会自动展开所有成员vararr=[<h1>HTML</h1>,<h2>CSS</h2>];ReactDOM.render(<div>{arr}</div>,document.getElementB......
  • echarts图表y轴数据设置为固定值,等间距
    如图将Y轴设置为固定的0%20%----100%yAxis:{type:'value',max:100,//最大值mi......