bizcharts

bizcharts的双y轴，用的是view配合数据

1.数据因为是双y轴所以时间上time字段要对上，y轴左边显示data的数据，工作收入数据y轴右边显示data2的数据，收入的百分比数据constdata=[{time:"10:10",name:'jone',salary:32,},{time:"10:15",name:'jone',salary:53,},{time:"10:20",call:13,name:'jone',salary:123,
糖小宝2016·2024-01-20 02:08

bizcharts图表封装之基础折线图（带Slider）

一、带滚动条Slider的基础折线图封装importReactfrom"react";import{Chart,Geom,Axis,Tooltip,}from"bizcharts";//@ts-ignoreimportSliderfrom'bizcharts-plugin-slider
懒得懒·2023-11-14 04:03

使用Bizchart搞出柱状图、折线图、饼图、渐变颜色光滑曲线图

没有啥技术含量的东西，下面就贴出我的代码：首先是折线图：importReact,{Component}from'react';import{Chart,Geom,Axis,Tooltip,Legend}from'bizcharts
山文11·2023-11-14 04:01

BizCharts制作简单的柱状图

开发中，经常会用图表直接的展示数据，如何使用BizCharts制作柱状图呢？
Sun_小杰杰哇·2023-11-04 06:57

Bizcharts图表内容不居中

Q1：使用Bizcharts区域图的时候，当数据只有一条的时候，数据会紧靠在y轴上，如图：但是我希望在数据只有一条的时候，数据展示在中间位置，修改其中scale定义中的range部分代码：//修改后代码
叶大叔_·2023-10-27 17:41

基于react18+arco+zustand通用后台管理系统React18Admin

使用了react+arco-design+zustand+bizcharts等技术架构非凡后台管理框架。
xiaoyan_2018·2023-10-18 07:04

使用React的函数式组件实现一个具有过渡变化、刻度切换、点击高亮的柱状图DIY组件

本想使用业界大佬们开源的各种图表库（如：ECharts、G2可视化引擎、BizCharts...）
帅龍之龍·2023-07-13 22:50

将ant design pro打包的JS分离出去

于是就在config.ts增加externals:{'react':'window.React','react-dom':'window.ReactDOM',//'bizcharts':'window.BizCharts
猜测7·2023-04-14 00:09

ant design pro chart的使用

BizCharts一、柱状图柱状图效果：代码：importReact,{PureComponent}from'react';import{connect}from'dva';importrouterfrom'umi
迷糊银儿·2023-04-13 00:30

React 异步组件

react-loadable实现异步组件在一般的react项目中在性能优化方面除了减少各种静态资源的体积外，还有一个效果显著的方式，异步加载组件，包括页面级组件（在路由中配置的），以及其他的体积较大的第三方组件（bizcharts
pipu·2023-04-04 11:37

推荐 8 个 React 可视化库

2.Recharts3.react-chartjs-24.Victory5.Nivo6.React-Vis7.ECharts8.BizCharts9.Visx10.小结推荐8个React可视化库数据无处不在
夏安　　　·2023-02-23 06:40

【JS】web端图表,数据可视化

ECharts百度系话不多说，对于使用的web框架没有啥要求可选canvas和svg开源，阿帕奇2.0,可商用AntV/BizCharts阿里系的，如果项目是react的会比较舒服MITsvgG2*上面说的
Draven_Lu·2023-01-27 07:34

我的前端成长之路：中医药大学毕业的业务女前端修炼之路

大家好，我是风月，2014年二进宫进入阿里，目前是业务平台体验技术数据服务前端团队负责人，负责BizCharts横向建设以及财鲸数据业务支撑。
阿里云云栖号·2022-12-29 14:35

vue封装echarts为原生组件

参考BizCharts对G2这个库的封装方式，对echarts进行了封装。相对而言API更方便使用使用ts-transformer-keys，从echa
·2022-07-08 00:18

react实战系列 —— 我的仪表盘（bizcharts、antd、moment）

其他章节请看：react实战系列MyDashboard上一篇我们在spug项目中模仿”任务计划“模块实现一个类似的一级导航页面（”My任务计划“），本篇，我们将模仿“Dashboard”来实现一个仪表盘“MyDashboard”。主要涉及antd的Grid、Card、Desc
彭加李·2022-04-30 20:00

阿里巴巴26个前端开源项目

阿里巴巴26个前端开源项目目录1.数据驱动的高交互可视化图形语法AntV-G22.企业级中后台UI解决方案FusionDesign3.设计语言&前端框架AntDesign4.基于G2封装的React图表库BizCharts5
BUBsky·2020-09-17 14:28

bizcharts图表封装之多折线图（带Slider）

一、带滚动条Slider的多折线图封装importReactfrom"react";import{Chart,Geom,Axis,Tooltip,Legend}from"bizcharts";//@ts-ignoreimportSliderfrom'bizcharts-plugin-slider
懒得懒·2020-09-15 12:05

BizCharts多折线图字段别名,Tooltip和legnd分别设置

BizCharts多折线图字段别名,Tooltip浮动提示和legnd图例分别设置项目中用到了BizCharts,但是多折线图的Tooltip浮动提示和legnd图例的字段名直接用的是字段的名字,但是字段名并不能直接设置别名
何其涛·2020-09-15 10:43

我的前端成长之路：中医药大学毕业的业务女前端修炼之路

作者|风月大家好，我是风月，2014年二进宫进入阿里，目前是业务平台体验技术数据服务前端团队负责人，负责BizCharts横向建设以及财鲸数据业务支撑。本次分享我将回顾作为业务前端从前端工程转型到数
阿里云云栖号·2020-09-13 14:28

我的前端成长之路：中医药大学毕业的业务女前端修炼之路

大家好，我是风月，2014年二进宫进入阿里，目前是业务平台体验技术数据服务前端团队负责人，负责BizCharts横向建设以及财鲸数据业务支撑。
阿里云技术·2020-09-12 08:01

React几个很好用的一些工具

BizCharts，做图表用的（React图表库），比echar
Solin121·2020-09-11 16:13

Antv G2(bizCharts) 点线图 实现

名字点线图:不知道怎么命名效果图思路数据：初始化三条数据，中间的为显示数据使用折线图，隐藏折线，隐藏显示数据之外的所有点X轴：隐藏X轴坐标内容Y轴：设置y轴内容，y轴标题注释：添加注释，线条，描述内容代码（下面有全的子组件代码）//1、导入Chart图表import{Chart}from"@antv/g2";//2、初始化图表useEffect(()=>{(async()=>{constchart
aminwangaa·2020-08-17 21:19

Bizcharts API学习

缘起项目开发和毕设都需要用到图表，在公司用的antd，索性用其下的Bizcharts。缘因大佬让我学习下其API，做下技术储备，项目开发会用到。
LonelyFireFox·2020-08-07 23:24

使用G2的BizChar 踩过的坑

1.关于图例的文案修改成中文官方图bizcharts.net/products/bi…在cols添加如下代码：user:{formatter:d=>({a:'修改a',b:'修改b'}[d])}复制代码添加后效果图
weixin_34043301·2020-07-15 05:36

ant design pro （十）advanced 图表

一、概述原文地址：https://pro.ant.design/docs/graph-cnAntDesignPro提供了由设计师精心设计抽象的图表类型，是在BizCharts图表库基础上的二次封装，同时提供了业务中常用的图表套件
JhonXie·2020-07-08 16:51

Ant Design Pro 使用图表 charts bizcharts

淌了一下午坑，都是辛酸泪总结：首先要知道，它不能直接使用charts，需要安装bizcharts插件，然后导入bizcharts中的charts；点击跳转到bizcharts官方文档，建议看完整个流程再跳转首先
a_靖·2020-07-07 22:56

使用 bizcharts 在react中、AntDesign中实现图表（柱状图、折线图、饼图等）

）图表构成的使用（3）完整代码：【柱状图】importReact,{Component}from'react';import{Chart,Geom,Axis,Tooltip,Legend,}from"bizcharts
一念一执晗。·2020-07-06 23:22

可视化解决方案

antvis.github.io/g2/demo/index.html2.Viser（React，Vue，Angular）https://viserjs.github.io/demo.html#/viser3.BizCharts
代码涂鸦·2020-07-04 13:22

数据可视化，BizCharts图表库入坑历程

所以本篇博文会比较枯燥，只简单描述一下使用BizCharts的过程，当然，重要的是总结遇到的坑（遵从一个坑不踩两次，一个女生不泡两次原则）。
weixin_34167043·2020-06-28 12:29

阿里巴巴26个前端开源项目

目录1.数据驱动的高交互可视化图形语法AntV-G22.企业级中后台UI解决方案FusionDesign3.设计语言&前端框架AntDesign4.基于G2封装的React图表库BizCharts5.企业级
weixin_30512089·2020-06-27 20:35

BizCharts制作简单的柱状图

开发中，经常会用图表直接的展示数据，如何使用BizCharts制作柱状图呢？
Sun_jiejie·2020-04-10 02:50

数据可视化相关库说明

需要下载echarts-for-react2)G2a.https://antv.alipay.com/zh-cn/g2/3.x/index.htmlb.阿里开源3)bizchartsa.https://bizcharts.net
剑仙6·2020-04-08 23:00

BizCharts 使用笔记

一、介绍1、背景BizCharts这个其实两年前就用过一次，最近做dashboard，涉及数据的可视化展示（即图表功能），于是又用了回BizCharts。这次干脆趁热通读下官方文档，遂成此篇。
小蒋不素小蒋·2020-03-30 20:00

2019教你用react全家桶+node.js全栈开发大型电商后台管理系统（视频+源码+课件）

商品分类管理、商品管理、角色管理、用户管理、菜单权限控制、订单管理等2.前端技术:React+ReactRouter4+Redux+Antd+Axios+ES6/ES8+webpack+ECharts/Bizcharts
最优秀的coder·2020-02-23 17:51

bizCharts图表canvas保存为图片

1.bizCharts自带函数handleClick=()=>{constchartIns=this.state.chartIns;chartIns.downloadImage();}2.获取canvasdom
严圣军Johnson·2019-11-29 21:35

BizCharts使用采坑教程

了不起的BizCharts最近项目的管理后台都在用阿里粑粑开源的管理框架AntDesignPro，说真话，还是比较好用的。
一叶之秋♪·2019-11-01 18:00

react技术栈构建后台管理系统模版

开发依赖antd:"^3.19.1",axios:"^0.19.0",bizcharts:"^3.5.3",react:"^16.8.6",react-dom:"^16
Evtion·2019-06-04 00:07

转+：BizCharts使用采坑教程

了不起的BizCharts最近项目的管理后台都在用阿里粑粑开源的管理框架AntDesignPro，说真话，还是比较好用的。
小马将过河·2019-03-25 23:37

三大图表库：ECharts 、 BizCharts 和 G2，该如何选择？

最近阿里正式开源的BizCharts图表库基于React技术栈，各个图表项皆采用了组件的形式，贴近React的使用特点。同时BizCharts基于G2进行封装，Bizcharts也继承了G2相关特性。
薄荷前端·2018-09-20 15:00

[BizCharts学习笔记] --- 数据可视化

实际上，在数据可视化这一块笔者并没有很多的开发经历和经验，不过正是因为这个问题笔者才决定学习一门数据可视化框架来弥补自己在这一方面的不足。在这个“大数据统治”的时代，数据能给我们提供前所未有的便捷和认知；感觉在这个时代没有大数据解决不了的事情，虽然有点夸张的嫌疑，但是大数据的力量都是有目共睹的。不过遗憾的是我们前端领域并不能处理大数据，但是我们可以有目的得将数据以美观、明确、可靠的方式通过页面的形
风吹过的夏夜·2018-09-12 00:00
上一页 1 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他