# mrsong-charts ## 使用方法 ```js import mrsongCharts from '@/uni_modules/mrsong-charts/components/mrsong-charts/mrsong-charts.vue'; ``` ## 参数 ```json { "type":"line",//类型(必选) "title":"标题",//标题(非必选) "align":"left",//标题位置,left,center,right;(非必选) "options":{},//图表配置,与ucharts配置一样,自带默认配置(非必选) "config":{},//组件props,个人配置 "unit":'人',//图表新增unit单位展示 "chartsData":{ "series": [{ "data": [{ "name": "一班", "value": 82 }, { "name": "二班", "value": 63 }, { "name": "三班", "value": 50 }, { "name": "四班", "value": 40 }, { "name": "五班", "value": 30 }] }] },//图表数据,与ucharts配置一样(必选) // 注意:图表数据,与ucharts数据格式一样,不同图表,数据结构有差异 } ``` ## 新增个人配置 ```json // config:组件props,个人配置 { "itemCount": 3, //x轴单屏显示数据的数量,默认为5个 "scrollShow": false, //新增是否显示滚动条,默认false "scrollAlign": 'left', //滚动条初始位置 "rotateLabel": true, //X轴label旋转 "min": 0, //Y轴最小值 "max": 150, //Y轴大值 "unit": "", //Y轴单位 "enableScroll": false, //开启滚动模式 "color": [//颜色设置 "#9A60B4", "#ea7ccc" ], } ``` ## 柱状图 ```vue ``` ## 折线图 ```vue ``` ## 山峰图无边渐变色 ```vue ``` ## 圆角条状图+渐变色 ```vue ``` ## 带分割线+渐变色 ```vue ``` ## 环形图 ```vue ``` ## 标准漏斗图 ```vue ```