echarts 的 react 封装 echarts-for-react

MIT
JavaScript
跨平台
2016-06-04
小薇

echarts-for-react是一个简单的 echarts(v3.0)的 react 封装。

安装

npm install echarts-for-react

运行 demo:

git clone git@github.com:hustcc/echarts-for-react.git

npm install

npm start

在浏览器中打开 http://127.0.0.1:8080/ ,或者查看  http://git.hust.cc/echarts-for-react/

用法

简单 demo 代码:

import React from 'react'; import ReactEcharts from '../src/echarts-for-react'; <ReactEcharts
    option={this.getOtion()} 
    height={300} 
    onEvents={onEvents} />

渲染动态图

加载中

评论(1)

echarts-for-react v1.2.0 发布,更新至 echarts 3.5

echarts-for-react:baidu Echarts(v3.0) components for React wrapper. 一个简单的 echarts(v3.0) 的 react 封装。 在 echarts 新发布的 3.5 版本中,新增了日历坐标系,增强了坐标轴指示器...

2017/03/29 13:30

没有更多内容

加载失败,请刷新页面

没有更多内容

暂无问答

echarts实现中国地图

最近项目中有个需求:在地图上展示各省市的数据分布,像这样: 项目中接入的图表展示工具是echart,查了echart官网,发现并没有中国地图相关的实现,唯一接近的,只有香港18区人口密度。没办...

01/17 16:33
322
0
开源库Magicodes.ECharts使用教程

目录 1 概要 2 2 Magicodes.ECharts工作原理 3 2.1 架构说明 3 2.1.1 Axis 4 2.1.2 CommonDefinitions 4 2.1.3 Components 4 2.1.4 JsonConverter 4 2.2 Series 6 2.3 ValueTypes 6 2.4 ECha...

2017/10/24 17:25
12
0
layui模块化加载百度Echart插件(v3.8.4)

首先请先看下链接的这篇文章,了解下封装第三方组件 http://fly.layui.com/jie/5080/ 最近用到Echart图标插件,参考了上面这篇文章进行自己封装,发现了一些坑,现在分享给大家 这是文章中提...

2018/05/08 09:59
3.8K
0
Echart图表自适应情况下的打印

报表是全屏自适应的,当点击打印按钮时Echart图表设置成固定的宽度以适应打印的页面,img的src是获取变化后的echart数据流 主要的代码片段如下: <div class="col-md-6"> <img id="pri...

2017/06/29 10:07
70
0
在JAVA web开发中实现ECHARTS和后台的交互

本文用于说明前端组件ECHARTS如何与系统后台进行交互,动态地从后台拉取数据并显示。

2015/04/09 22:23
501
3
含有echart 图表的报表打印

最近需要打印含有echart图表的报表,采用jqprint插件打印,直接用jqprint打印echart的图不显示,这里需要借助img 来实现 首先下载jqprint插件,把jquery和jqprint文件引用 <script src="../...

2016/03/16 17:05
310
2
ECharts在改变窗口大小后,图表的自适应宽度不正确,解决方法

缩放echart图表发现,随着宽度改变,会自适应,但是自适应的宽度不正确,后来 发现是因为,窗口改变时EChart立即获取的宽度不正确,修改方法是添加一个延时,如下所示:这样每次在窗口改变后...

2018/10/17 15:10
30
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部