This commit is contained in:
parent
9aa70e38ae
commit
fef474d64a
|
@ -130,6 +130,9 @@ let option = {
|
|||
autoSplitNumber: 5,
|
||||
},
|
||||
},
|
||||
axisTick: {
|
||||
show: true, // 这里设置x轴刻度不显示
|
||||
},
|
||||
},
|
||||
yAxis: {
|
||||
show:true,
|
||||
|
@ -138,24 +141,25 @@ let option = {
|
|||
// max:10,
|
||||
//y轴文字的配置
|
||||
axisLabel: {
|
||||
show: true ,
|
||||
inside: false,
|
||||
// bargap: 0.5, // 设置固定的间隔
|
||||
textStyle: {
|
||||
color: "#ffffff",
|
||||
},
|
||||
},
|
||||
axisTick: {
|
||||
show: false, // 这里设置x轴刻度不显示
|
||||
},
|
||||
//y轴线的颜色以及宽度
|
||||
axisLine: {
|
||||
"show":true,
|
||||
show:true,
|
||||
lineStyle: {
|
||||
color: "#ffffff",
|
||||
width: 1,
|
||||
type: "solid",
|
||||
},
|
||||
},
|
||||
axisTick: {
|
||||
show: true, // 这里设置x轴刻度不显示
|
||||
},
|
||||
// 开启滚动
|
||||
// scrollbar: {
|
||||
// orient: "vertical",
|
||||
|
|
|
@ -65,7 +65,6 @@ const option = {
|
|||
color: "#ffffff",
|
||||
},
|
||||
calculable: true,
|
||||
// color: "rgba(0, 252, 255, 1)",
|
||||
color,
|
||||
xAxis: [
|
||||
{
|
||||
|
@ -77,7 +76,9 @@ const option = {
|
|||
color: "#ffffff",
|
||||
},
|
||||
},
|
||||
|
||||
axisTick: {
|
||||
show: false, // 设置轴刻度不显示
|
||||
},
|
||||
data: ["2019", "2020", "2021", "2022", "2023"],
|
||||
},
|
||||
{
|
||||
|
|
|
@ -77,7 +77,9 @@ const option = {
|
|||
color: "#ffffff",
|
||||
},
|
||||
},
|
||||
|
||||
axisTick: {
|
||||
show: false, // 设置轴刻度不显示
|
||||
},
|
||||
data: ["4.07", "4.08", "4.09", "4.10", "4.11"],
|
||||
},
|
||||
{
|
||||
|
@ -155,6 +157,11 @@ const option = {
|
|||
name: "上门服务次数",
|
||||
data: lineData,
|
||||
type: "line", //线状图
|
||||
itemStyle: {
|
||||
borderColor: "#00FCFF",
|
||||
borderWidth: 1,
|
||||
color: "#00FCFF",
|
||||
},
|
||||
},
|
||||
{
|
||||
xAxisIndex: 1,
|
||||
|
|
|
@ -71,7 +71,8 @@ let option = {
|
|||
// },
|
||||
// ],
|
||||
dataZoom: [
|
||||
{//纵向使用滚动条
|
||||
{
|
||||
//纵向使用滚动条
|
||||
id: "dataZoomY",
|
||||
type: "slider",
|
||||
yAxisIndex: [0], // 控制y轴滚动
|
||||
|
@ -80,10 +81,16 @@ let option = {
|
|||
height: "100%",
|
||||
right: "3%", //距离右侧的距离
|
||||
orient: "vertical", //布局方式是横还是竖 'horizontal':水平。'vertical':竖直。
|
||||
// zoomLock: true, //不能缩放
|
||||
start: 0, //开始 数据窗口范围的,范围是:0 ~ 100
|
||||
end: 70, //结束
|
||||
handleSize: 8,
|
||||
zoomLock: true, //不能缩放
|
||||
fillerColor: "rgba(154, 181, 215, 1)", // 滚动条颜色
|
||||
borderColor: "rgba(17, 100, 210, 0.12)",
|
||||
backgroundColor: "#cfcfcf", //两边未选中的滑动条区域的颜色
|
||||
handleSize: 0, // 两边手柄尺寸
|
||||
showDataShadow: false, //是否显示数据阴影 默认auto
|
||||
showDetail: false, // 拖拽时是否展示滚动条两侧的文字
|
||||
|
||||
zoomOnMouseWheel: false, // 关闭滚轮缩放
|
||||
moveOnMouseWheel: true, // 开启滚轮平移
|
||||
moveOnMouseMove: true, // 鼠标移动能触发数据窗口平移
|
||||
|
@ -144,12 +151,9 @@ let option = {
|
|||
type: "solid",
|
||||
},
|
||||
},
|
||||
// 开启滚动
|
||||
// scrollbar: {
|
||||
// orient: "vertical",
|
||||
// // 设置滚动区域的高度
|
||||
// height: 100,
|
||||
// },
|
||||
axisTick: {
|
||||
show: false, // 这里设置x轴刻度不显示
|
||||
},
|
||||
//分割线配置
|
||||
splitLine: {
|
||||
show: false,
|
||||
|
|
Loading…
Reference in New Issue