《前端》Echarts属性设置详解：--2020年8月27日--可供查阅

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: { /