castgroup_bigscreen/src/dataSchema/page2Char2Schema.js

/*
 * @LastEditors: gcz
 */

import themeColor from "./color"
let page2Char2Schema = {
    title: {
        text: '树种分布统计',
        textStyle: {
            color: themeColor.mainColor,
        },
        show: false
    },
    grid: {
        containLabel: true,
        top: "30px",
        left: '10px',
        bottom: '20px',
        right: '24px'
    },
    tooltip: {
        trigger: 'axis',
        axisPointer: {
            type: 'shadow'
        }
    },
    legend: {
        textStyle: {
            color: '#fff',
        }
    },
    yAxis: {
        type: 'value',
        axisLabel: {
            color: "rgba(255, 255, 255, 1)"
        },
        splitLine: {
            show: true,
            lineStyle: {
                color: 'rgba(255,255,255,0.05)',
            }
        }
    },
    xAxis: {
        type: 'category',
        data: ['1', '2', '3', '4', '5', '6', '7'],
        axisLabel: {
            color: "rgba(255, 255, 255, 1)"
        }
    },
    dataZoom: [
        {
            xAxisIndex: 0, //这里是从X轴的0刻度开始
            show: true, //是否显示滑动条，不影响使用
            type: 'slider', // 这个 dataZoom 组件是 slider 型 dataZoom 组件
            startValue: 0, // 从头开始。
            endValue: 7, // 一次性展示6个
            height: 5, //组件高度
            width: '50%',
            left: '30%',
            bottom: '10px',
            borderColor: 'transparent',
            fillerColor: '#14c6d3',
            zoomLock: true,
            showDataShadow: false, //是否显示数据阴影 默认auto
            backgroundColor: '#0b1511',
            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: 7,
            minValueSpan: 7,
            moveHandleSize: 0,
            brushSelect: false, //刷选功能，设为false可以防止拖动条长度改变 ************（这是一个坑）
        },
    ],
    series: [
        {
            name: '松树',
            type: 'bar',
            stack: 'total',
            label: {
                show: false
            },
            emphasis: {
                focus: 'series'
            },
            data: [1, 1, 1, 2, 2, 1, 0]
        },
        {
            name: '马尾松',
            type: 'bar',
            stack: 'total',
            label: {
                show: false
            },
            emphasis: {
                focus: 'series'
            },
            data: [1, 8, 8, 2, 6, 9, 9]
        },
        {
            name: '杉树',
            type: 'bar',
            stack: 'total',
            label: {
                show: false
            },
            emphasis: {
                focus: 'series'
            },
            data: [8, 1, 1, 6, 2, 0, 1]
        }
    ]

}
export default page2Char2Schema