react中使用阿里Viser图表

参考demo的codesandbox：https://codesandbox.io/s/kxxxx3w5kv

使用步骤： 1. 安装依赖 viser-react和@antv/data-set

　　　　　　2. 导入图表相关的依赖包

import { Chart, Tooltip, Axis, Legend, Line, Point } from "viser-react";

const DataSet = require("@antv/data-set");

3. 后面按照官方文档渲染相关图表

转载于:https://www.cnblogs.com/musi03/p/10600456.html

react中使用阿里Viser图表相关推荐

如何在React中引入阿里图标库的图标
一.周所周知在 Antd Design 中也有一些图标,但是要找到自己想要的图标不是很方便,需要一个一个的找.而且提供的图标数量也不是很多! 而阿里图标库可以通过搜索找到自己想要的图标,图标的数量和 ...
React中使用echarts绘制图表
我们都知道,Echarts图表功能非常强大,使用起来也很方便,我们的项目中就用到了Echarts,现在笔者就带大家看看怎么在react中使用Echarts. 我们要想在react项目中高效使用echa ...
react项目中使用阿里播放器播放视频，包括切换视频，播放定时跳转（兼容ios和andro），播放完成
react项目中使用阿里播放器播放视频,包括切换视频,播放定时跳转(兼容ios和andro),播放完成 1.index.html引入阿里播放器的cdn <link rel="style ...
react中通过Antd使用阿里图标
react中通过Antd使用iconfont阿里图标安装依赖组件中引入安装依赖 npm install --save @ant-design/icons 组件中引入 **//从antd中引入fo ...
[react] React项目中使用阿里font-icon的svg形式
目录项目中查看在线链接添加icon样式使用icon 示例优雅一点后记项目中查看在线链接然后会生成一串.js的CDN链接,比如这样: 打开项目的index.html文件,添加script标 ...
php arcode svg,在react中使用svg的各种方法总结（附代码）
这篇文章给大家介绍的内容是关于在react中使用svg的各种方法总结(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 优势 SVG可被非常多的工具读取和修改(比如vscode ...
echarts setoption方法_在Vue和React中使用ECharts的多种方法
前言俗话说:"工欲善其事,必先利其器".现如今已经有许多成熟易用的可视化解决方案,例如ECharts,AntV等等.我们可以把这些解决方案比作是一套套成熟的"工具&qu ...
如何在React中使用gRPC-web
by Mohak Puri 由Mohak Puri 如何在React中使用gRPC-web (How to use gRPC-web with React) For the past few mont ...
react中使用ECharts绘制各省市地图
首先,安装对应依赖 npm install echarts --save 2.引入 import React from "react"; // 模块化样式表 import s fr ...

react中使用阿里Viser图表

react中使用阿里Viser图表相关推荐

最新文章

热门文章