| 属性 | 类型 | 默认 |说明|
| :------ | :-----: | :-----: | :------------ |
|opts.extra.candle| Object | |K线图相关配置|
|opts.extra.candle.color| Object | |K线图颜色配置|
|opts.extra.candle.color.upLine| String | 默认#f04864 |K线图为涨时线颜色|
|opts.extra.candle.color.upFill| String | 默认#f04864 |K线图为涨时填充颜色|
|opts.extra.candle.color.downLine| String | 默认#2fc25b |K线图为跌时线颜色|
|opts.extra.candle.color.downFill| String | 默认#2fc25b |K线图为跌时填充颜色|
|opts.extra.candle.average| Object | |均线设置|
|opts.extra.candle.average.show | Boolean | 默认false |是否显示均线|
|opts.extra.candle.average.name | `Array` | |均线名称(例如['MA5','MA20'])用于下方图例显示|
|opts.extra.candle.average.day | `Array` | |均线单位日期(例如[5,20]为显示5日及20日均线)|
|opts.extra.candle.average.color | `Array` | |均线颜色,例如['#1890ff', '#2fc25b']|
## **标准数据格式**
```
chartData: {
categories: ['2019/5/5', '2019/5/6', '2019/5/6', '2019/5/8', '2019/5/9', '2019/5/10'],
series: [{
name: '上证指数',
data: [
[2320.26, 2302.6, 2287.3, 2362.94],
[2300, 2291.3, 2288.26, 2308.38],
[2295.35, 2346.5, 2295.35, 2346.92],
[2347.22, 2358.98, 2337.35, 2363.8],
[2360.75, 2382.48, 2347.89, 2383.76],
[2383.43, 2385.42, 2371.23, 2391.82],
[2377.41, 2419.02, 2369.57, 2421.15]
]
}]
}
```
>[danger] K线图data\[n\]传入顺序:开盘,收盘,最低,最高
>
友情链接:[因卓诶-爱生活爱分享技术的博客](https://www.yinzhuoei.com)
- uCharts简介
- 图表预览
- 快速上手
- 常见问题
- API参数
- 通用基础配置项
- 数据列表配置项
- 标题配置项
- 坐标轴配置项
- 图例配置项
- 扩展配置项
- 圆弧进度图
- 仪表盘
- 雷达图
- 柱状图
- 饼图圆环图
- 玫瑰图
- 折线图
- 区域图
- K线图
- 词云图
- 漏斗图
- 地图
- 条状图
- 标记线
- ToolTip
- 其他配置
- 方法 & 事件
- 更新图表数据
- 图例点击交互
- 停止动画效果
- 添加移除事件监听
- 获取图表点击序列编号
- 获取图例点击序列编号
- ToolTip方法
- 图表拖拽事件
- 放大或缩小图表
- 图表渲染完成事件
- 入门配置示例
- 图表区域详解
- 绘制X坐标轴网格
- 绘制Y坐标轴网格
- 隐藏X轴(不含网格)
- 隐藏Y轴(不含网格)
- 启用X轴滚动条及拖拽
- 绘制Y轴标题
- 隐藏X轴下方图例
- 隐藏数据点标识
- 隐藏数据点标签
- 进阶配置示例
- ToolTip配置
- uni-app示例
- 饼图
- 饼图基本用法
- 饼图右侧图例
- 圆环图
- 圆环图基本用法
- 玫瑰图
- 玫瑰图基本用法
- 线图
- 线图基本用法
- 柱状图
- 基本柱状图
- 温度计式图表
- 堆叠柱状图
- 横屏模式
- 区域图
- 区域图基本用法
- 雷达图
- 雷达图基本用法
- 圆弧进度图
- 圆弧进度图基本用法
- 整圆进度图基本用法
- 仪表盘
- 仪表盘基本用法
- K线图
- K线图基本用法
- 条状图
- 条状图基本用法
- 混合图
- 混合图基本用法
- 词云图
- 词云图基本用法
- 漏斗图
- 漏斗图基本用法
- 地图
- 地图基本用法
- 更新记录
- 改造uCharts打造专属图表
- uni-app实战教程