双向柱形图
概览
- 前面板
- 后面板
数据
- 默认数据：
[["category", "name", "102", "105", "106"], [0, "2015", 50 ,100, 100], [0, "2016", 50 ,100, 150], [0, "2017", 50 ,100, 300], [1, "2015", 100 ,200, 300], [1, "2016", 150 ,120, 100], [1, "2017", 250 ,260, 100]]
- 数据格式: JSON,CSV表格与json对应如下示例
- 注释：category代表x轴左右两边分类，0为左，1为右。name指的是y轴名称，"102","105","106"代表的是图例
图表公共参数
数据源：url，一个json文件的url，json文件中的数据需要遵循Echarts图表的标准数据格式。
背景色：颜色值。
边框颜色：颜色值。
字体颜色：包含图表中标签、名称、图例字体的颜色
图表色系：图表中各个系列的颜色，格式为英文逗号分隔的颜色值。
默认：#c23531,#2f4554,#61a0a8,#d48265,#91c7ae,#749f83,#ca8622,#bda29a,#6e7074,#546570,#c4ccd3
参考色系：
#37a2da,#32c5e9,#67e0e3,#9fe6b8,#ffdb5c,#ff9f7f,#fb7293,#e062ae,#e690d1,#e7bcf3,#9d96f5,#8378ea,#96bfff #6ea8e5,#ff962e,#ff5c5f,#70cc62,#86d1ca
图表名称：字符串。
名称位置：图表名称在图表中的位置。
图例：数据的列名是否显示、显示位置，‘无’表示没有图例。
图例位置：表示在整个图表中的位置，center表示中间，right表示右边，top表示上边，left表示左边，默认"center, bottom",由两个位置组成。
图例字号，设置图例的字体大小，默认12
图例字体，设置图例的字体
图例间隔，设置图例之间的间距，默认10
图例标记类型，设置图例样式，有多种形状可以选择，默认圆角矩形
图例标记宽度，设置图例的标记的宽度，默认25
图例标记高度，设置图例的标记的高度，默认14
参数
- 左边x轴名称：设置双向柱形图左边图表的x轴名称，默认为试验点
- 右边x轴名称：设置双向柱形图右边图表的x轴名称，默认为架次
- 坐标轴颜色：设置双向柱形图x轴跟y轴的颜色，默认#005075
- 分割线颜色，设置双向柱形图x轴分割线跟y轴分割线的颜色，默认#00A0E9
- x轴，是否显示x轴的轴线，默认选中
- x轴刻度线，是否显x轴的刻度线，默认不选
- x轴分割线，是否显示x轴的分割线，默认不选
- y轴，是否显示y轴的轴线，默认选中
- y轴刻度线，是否显示y轴的刻度线，默认不选
- y轴分割线，是否显示y轴的分割线，默认选中
- 轴分割线类型：设置分割线的线型，可选实线，虚线，点线。默认虚线
- 左边容器边距（上，下，左）英文逗号分隔的三个数字或百分数，分别表示图表距离容器上，下，左边的距离，默认50,50,55%、
- 左边容器宽度，设置x轴左边容器的宽度，默认35%
- 右边容器边距（上，下，左）英文逗号分隔的三个数字或百分数，分别表示图表距离容器上，下，左边的距离，默认50,50,10%、
- 右边容器宽度，设置x轴右边容器的宽度
- x轴位置，设置x轴的位置，可选底部，头部，默认底部
- 左边x轴最大值，设置图表左边x轴的最大值，默认400
- 左边x轴刻度，设置图表左边x轴的刻度值，默认5
- 右边x轴最大值，设置图表右边x轴的最大值，默认400
- 右边x轴刻度，设置图表右边x轴的刻度值，默认5
- 标签，设置图表是不是显示值，与显示值得位置在哪，默认无标签
- 柱形圆角，设置柱形的圆角，默认0
- 柱宽，设置柱形的宽度
- y轴标签，是否显示y轴标签，默认选中
- 坐标轴指示器，设置鼠标移到柱形图上显示的背景，可选阴影与折线，默认阴影
- 柱形渐变，柱形图的是否是渐变色，默认否
- 渐变颜色，设置柱形图渐变的颜色