图表组件
折线图：Line
柱状图：Bar
堆积柱状图：Stacked
饼状图：Pie
环形图：Ring
面积图：Area
散点图：Scatter
气泡图：Bubble
雷达图：Radar
双Y轴图：DoubleY
仪表盘图：Gauge
地图（连续型）：Map
柱状范围图：BarRange
瀑布图：Waterfall
直方图：Histogram
嵌套饼状图：NestedPie
平行关系图：ParallelPie
玫瑰图：Rose
极坐标图：Polar
百分比环图：Annular
双向图：BothWay
旭日图：Sunburst
时序图：TimeSlice
桑基图：Sankey
矩形树图：TreeMap
引用方式传config，根据不同图表要求传对应的右侧样式设置配置
import { Line, Bar } from "zl-charts-bw";
const config={
colunms:[], //指标数组
groups:[], //维度数组
source:[], //dataSource数据
lineStyle: {smooth: true, lineWidth: 1, showLabel: true},//线宽度，是否平滑，是否展示标签
showDataZoom: true, //是否展示缩略轴
showLabel: true, //是否展示标签
xAxis: {
showAxisLine: true, //是否展示x轴轴线
showAxisLabel:true //是否展示x轴标签
},
yAxis: {
showAxisLine: true, //是否展示y轴轴线
showAxisLabel:true //是否展示y轴标签
},
legendStyle:{
showLegend:true, //是否展示图例
top : 'bottom', //垂直上中下
left : 'center' //水平左中右
},
barStyle:{
barWidthType:'adapt',//是否自适应（默认自适应）
barWidth:10,//柱宽
barGap:30, //百分比
barBorderRadius:[2], //柱形圆角
},
pieStyle:{
pieColor: ,//饼状图颜色
borderWidth:1, //饼状图边宽度
borderColor:, //饼状图边颜色
radius:, //饼状图半径
},
radarStyle:{
startAngle: ,//旋转角度
radius:, //雷达图半径
},
ringStyle:{
inSideRadius:50, //环形图内半径
outSideRadius:70, //环形图外半径
ringWidth: 20, //环宽度
gaugeInSideRadius: 70, //仪表盘内半径
parallelPieinSideRadius: 35, //平行关系饼图内半径
parallelPieoutSideRadius: 70//平行关系饼图外半径
},
polarAxis:{
isShowAxisLine:false, //极轴轴线是否展示
isShowAxisLabel:false, //极轴轴标签是否展示
isShowSplitLine:false, //网格线是否展示
isShowSplitLabel:false, //网格标签是否展示
}
mapStyle: {
showLocation: true //位置标签
},
}