castgroup_bigscreen/src/dataSchema/page5Char1Schema.js

/*
 * @LastEditors: gcz
 */
/*
 * @LastEditors: gcz
 */
import themeColor from "./color"
let page5Char1Schema = {
    title: {
        text: '占地面积统计(亩)',
        textStyle: {
            color: '#02EEFF',
        },
        show: false

    },
    grid: {
        containLabel: true,
        top: "20px",
        left: '10px',
        bottom: '20px',
        right: '24px'
    },
    dataZoom: [
        {
            xAxisIndex: 0, //这里是从X轴的0刻度开始
            show: true, //是否显示滑动条，不影响使用
            type: 'slider', // 这个 dataZoom 组件是 slider 型 dataZoom 组件
            startValue: 0, // 从头开始。
            endValue: 4, // 一次性展示*+1个
            height: 5, //组件高度
            width: '50%',
            left: '30%',
            bottom: '10px',
            borderColor: 'transparent',
            fillerColor: themeColor.fillerColor,
            zoomLock: true,
            showDataShadow: false, //是否显示数据阴影 默认auto
            backgroundColor: 'rgba(255,255,255,.2)',
            showDetail: false, //即拖拽时候是否显示详细数值信息 默认true
            realtime: true, //是否实时更新
            filterMode: 'filter',
            handleIcon: 'M-9.35,34.56V42m0-40V9.5m-2,0h4a2,2,0,0,1,2,2v21a2,2,0,0,1-2,2h-4a2,2,0,0,1-2-2v-21A2,2,0,0,1-11.35,9.5Z',
            handleStyle: {
                color: '#14c6d3',
                borderColor: 'transparent',
                borderRadius: 10
            },
            moveHandleSize: 20,
            moveOnMouseMove: true,
            maxValueSpan: 4,
            minValueSpan: 4,
            moveHandleSize: 0,
            brushSelect: false, //刷选功能，设为false可以防止拖动条长度改变 ************（这是一个坑）
        },
    ],
    tooltip: {},
    xAxis: {
        data: ['榕江县草珊瑚育苗基地', '榕江县乐乡村养殖基地'],
        axisLabel: {
            color: "rgba(255, 255, 255, 1)"
        }
    },
    yAxis: {
        axisLabel: {
            color: "rgba(255, 255, 255, 1)"
        },
        splitLine: {
            show: true,
            lineStyle: {
                color: 'rgba(255,255,255,0.05)',
            }
        }
    },
    series: [
        {
            name: '占地面积',
            type: 'bar',
            data: [235, 302],
            itemStyle: {
                color: '#02EEFF'
            }

        }
    ]
}
export default page5Char1Schema