/* * @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