| 属性 | 类型 | 默认 |说明|
| :------ | :-----: | :-----: | :------------ |
|opts.extra.column| Object | |柱状图相关配置|
|opts.extra.column.type| Object | 默认group |柱状图类型:group分组柱状图,stack为堆叠柱状图(未完成开发中),meter为温度计式图|
|opts.extra.column.width |Number| | 柱状图每项的图形宽度,单位为px|
|opts.extra.column.meter |Object | | 温度计式图配置项|
|opts.extra.column.meter.border |Number| | 边框宽度,单位为px,默认1px|
|opts.extra.column.meter.fillColor| String | 默认#FFFFFF |空余填充颜色|
## **标准数据格式**
```
"chartData": {
"categories": ["2012", "2013", "2014", "2015", "2016", "2017"],
"series": [{
"name": "成交量1",
"data": [15, {"value": 20,"color": "#f04864"}, 45, 37, 43, 34]
}, {
"name": "成交量2",
"data": [30, {"value": 40,"color": "#facc14"}, 25, 14, 34, 18]
}]
}
```
友情链接:[因卓诶-爱生活爱分享技术的博客](https://www.yinzhuoei.com)
- uCharts简介
- 图表预览
- 快速上手
- 常见问题
- API参数
- 通用基础配置项
- 数据列表配置项
- 标题配置项
- 坐标轴配置项
- 图例配置项
- 扩展配置项
- 圆弧进度图
- 仪表盘
- 雷达图
- 柱状图
- 饼图圆环图
- 玫瑰图
- 折线图
- 区域图
- K线图
- 词云图
- 漏斗图
- 地图
- 条状图
- 标记线
- ToolTip
- 其他配置
- 方法 & 事件
- 更新图表数据
- 图例点击交互
- 停止动画效果
- 添加移除事件监听
- 获取图表点击序列编号
- 获取图例点击序列编号
- ToolTip方法
- 图表拖拽事件
- 放大或缩小图表
- 图表渲染完成事件
- 入门配置示例
- 图表区域详解
- 绘制X坐标轴网格
- 绘制Y坐标轴网格
- 隐藏X轴(不含网格)
- 隐藏Y轴(不含网格)
- 启用X轴滚动条及拖拽
- 绘制Y轴标题
- 隐藏X轴下方图例
- 隐藏数据点标识
- 隐藏数据点标签
- 进阶配置示例
- ToolTip配置
- uni-app示例
- 饼图
- 饼图基本用法
- 饼图右侧图例
- 圆环图
- 圆环图基本用法
- 玫瑰图
- 玫瑰图基本用法
- 线图
- 线图基本用法
- 柱状图
- 基本柱状图
- 温度计式图表
- 堆叠柱状图
- 横屏模式
- 区域图
- 区域图基本用法
- 雷达图
- 雷达图基本用法
- 圆弧进度图
- 圆弧进度图基本用法
- 整圆进度图基本用法
- 仪表盘
- 仪表盘基本用法
- K线图
- K线图基本用法
- 条状图
- 条状图基本用法
- 混合图
- 混合图基本用法
- 词云图
- 词云图基本用法
- 漏斗图
- 漏斗图基本用法
- 地图
- 地图基本用法
- 更新记录
- 改造uCharts打造专属图表
- uni-app实战教程