Echarts柱状图之隐藏坐标轴和刻度_一只蚊子学Java-CSDN博客_echarts坐标轴刻度隐藏 https://blog.csdn.net/qq_40414738/article/details/88890200
Echarts属性设置详解:
样式,单独定义,后面直接引用。
<script>
mytextStyle = {
color: "#333", //文字颜色
fontStyle: "normal", //italic斜体 oblique倾斜
fontWeight: "normal", //文字粗细bold bolder lighter 100 | 200 | 300 | 400...
fontFamily: "sans-serif", //字体系列
fontSize: 18, //字体大小
};
mylineStyle = {
color: "#333", //颜色,'rgb(128, 128, 128)','rgba(128, 128, 128, 0.5)',支持线性渐变,径向渐变,纹理填充
shadowColor: "red", //阴影颜色
shadowOffsetX: 0, //阴影水平方向上的偏移距离。
shadowOffsetY: 0, //阴影垂直方向上的偏移距离
shadowBlur: 10, //图形阴影的模糊大小。
type: "solid", //坐标轴线线的类型,solid,dashed,dotted
width: 1, //坐标轴线线宽
opacity: 1, //图形透明度。支持从 0 到 1 的数字,为 0 时不绘制该图形
};
myareaStyle = {
color: ['rgba(250,250,250,0.3)', 'rgba(200,200,200,0.3)'], //分隔区域颜色。分隔区域会按数组中颜色的顺序依次循环设置颜色。默认是一个深浅的间隔色。
shadowColor: "red", //阴影颜色
shadowOffsetX: 0, //阴影水平方向上的偏移距离。
shadowOffsetY: 0, //阴影垂直方向上的偏移距离
shadowBlur: 10, //图形阴影的模糊大小。
opacity: 1, //图形透明度。支持从 0 到 1 的数字,为 0 时不绘制该图形
};
grid = [{
show: true, //是否显示
zlevel: 0, //所属图形的Canvas分层,zlevel 大的 Canvas 会放在 zlevel 小的 Canvas 的上面
z: 2, //所属组件的z分层,z值小的图形会被z值大的图形覆盖
left: "10%", //组件离容器左侧的距离,百分比字符串或整型数字
top: 60, //组件离容器上侧的距离,百分比字符串或整型数字
right: "auto", //组件离容器右侧的距离,百分比字符串或整型数字
bottom: "auto", //组件离容器下侧的距离,百分比字符串或整型数字
width: "auto", //图例宽度
height: "auto", //图例高度
containLabel: true, //grid 区域是否包含坐标轴的刻度标签,
backgroundColor: "transparent", //标题背景色
borderColor: "#ccc", //边框颜色
borderWidth: 0, //边框线宽
shadowColor: "red", //阴影颜色
shadowOffsetX: 0, //阴影水平方向上的偏移距离
shadowOffsetY: 0, //阴影垂直方向上的偏移距离
shadowBlur: 10, //阴影的模糊大小
tooltip: { /