BizCharts
Shen_Winnie
小小前端开发
展开
-
【BizCharts】可视化图表使用(3)——环形图(使用极坐标来实现)
效果图描述多重圆环重叠颜色环形带背景环形开头的坐标(1月,2月…)数据// 数据源const data = [{ month: '01', value: 0.25, }, { month: '02', value: 0.5, }, { month: '03', value: 0.75, }, { month: '04', value: 0.75, }];设置每个月份对应的颜色const原创 2021-10-09 11:27:28 · 570 阅读 · 0 评论 -
【BizCharts】可视化图表使用(2)——面积图/Area
效果图官方事例我的实现描述坐标轴文字颜色、文字旋转坐标轴线宽度、颜色面积区域颜色图例样式去除网格线实现横坐标纵坐标颜色、字体、角度,配置Axis属性label label={{ rotate: 120, style: { fill: '#6fdfe1', fontSize: 10, }, }}坐标轴线宽度、颜色,配置Axis属性line line={{ style: { lineWidth: 2, s原创 2021-09-30 16:44:09 · 677 阅读 · 1 评论 -
【BizCharts】可视化图表使用(1)——目录
1-写在前面BizCharts版本:"bizcharts": "^4.1.11",其他技术:React本文用于帮助学习BizCharts,基础的内容还是需要自己先看官方文档2-目录2.1-面积图(Area)2.1.1-效果图2.1.2-简介待补充2.1.3-详细讲解链接待补充2.2-线图(Line)2.2.1-效果图2.2.2-简介待补充2.2.3-详细讲解链接待补充2.3 柱状图(Interval)2.3.1-效果图2.3.2-简介待补充2.3.3-详细讲原创 2021-09-09 14:56:48 · 502 阅读 · 0 评论