![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
琉璃-女孩
脚踏实地的去工作和生活
展开
-
echarts-for-react鼠标选中块状区域,并且获得当前区域起始和终止时间的值
echarts-for-react鼠标选中块状区域,并且获得当前区域起始和终止时间的值如果是插件echarts-for-react,则先要安装插件,并且先引入1.安装yarn add echarts-for-react2.引入import ReactEcharts from 'echarts-for-react';2.使用getPieOption = () => { ...原创 2019-03-24 13:21:25 · 1663 阅读 · 0 评论 -
echarts图 自定义tooltip的样式
echarts图 自定义tooltip的样式当碰到的需求需要在tooltip里面展示不同的内容的时候,比如在红色的区域显示的内容,和不在红色的区域显示又是不一样的内容。如下图:怎么做的呢?通过规则rules(规则根据需求来定),横纵坐标的值来自定义当前折线图上面点的提示框的内容const {rules} = this.state; tooltip: { tri...原创 2019-03-24 13:55:40 · 15234 阅读 · 1 评论 -
echarts图随着浏览器窗口自适应
echarts图随着浏览器窗口自适应方法一:先在componentDidMount组件初始化echarts图,然后浏览器监听echarts图的大小,非常值的注意的是:在关闭页面的时候需要在componentWillUnmount组件必须移除这个监听事件,否则浏览器会一直监听。componentDidMount(){ this.myChart = echarts.init(this.re...原创 2019-03-24 14:00:28 · 998 阅读 · 1 评论