项目在启动时 经常报如图这个错。但也不是每次，重新编译启动下就正常了，不知是什么原因？
xcc
- 发布：2020-04-03 11:40
- 更新：2020-06-28 10:37
- 阅读：676
xcc (作者) - 前后通杀
ec: {
// lazyLoad:true,
option: {
color: ['#6885F2', '#26CED9'],
title: {
// text: '每日数主新增及净增',
subtext: '单位：户',
top: 2,
left: 7,
// y:'bottom', //没有用
},
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
}
},
legend: {
data: ['新增', '净增'],
x: 'center',
y: 'bottom', //图例位置
padding: [20, 0, 0, 0] //上 ，右 ，下 ，左
// bottom:-10
},
grid: { //网格
show: false,
left: '3%', //grid 组件离容器左侧的距离
right: '4%',
bottom: '7%',
top: '7%',
containLabel: true //grid 区域是否包含坐标轴的刻度标签
},
xAxis: {
type: 'value',
// boundaryGap: true,
boundaryGap: [0, 0], // 以前是【0，0.01】，这样会在顶部多显示一格空的
position: 'top',
// name: '单位：户',
// nameLocation: 'end',
show: true, // 是否显示坐标轴,如果为false 就不会显示中间那些线
splitNumber: 4, //坐标轴的分割段数，需要注意的是这个分割段数只是个预估值，最后实际显示的段数会在这个基础上根据分割后坐标轴刻度显示的易读程度作调整
axisTick: { //坐标轴刻度相关设置。
show: true,
interval: 'auto', //坐标轴刻度的显示间隔 可以设置成 0 强制显示所有标签。如果设置为 1，表示『隔一个标签显示一个标签』，如果值为 2，表示隔两个标签显示一个标签，以此类推
length: 4, //坐标轴刻度的长度
lineStyle: { //刻度线的样式设置。所有属性{ color , width , type , shadowBlur , shadowColor , shadowOffsetX , shadowOffsetY , opacity }
color: '#cccccc'
},
alignWithLabel: true, //类目轴中在 boundaryGap 为 true 的时候有效,可以保证刻度线和标签对齐
},
axisLabel: { //坐标轴刻度标签的相关设置。
show: true,
interval: 'auto', //坐标轴刻度标签的显示间隔，在类目轴中有效
color: '#333333'
},
splitLine: { //坐标轴在 grid 区域中的分隔线
show: true,
lineStyle: {
type: 'dashed'
}
},
axisLine: { //轴线相关
show: false,
},
},
yAxis: {
type: 'category',
boundaryGap: true,
data: ['霸桥', '碑林', '浐霸', '大兴', '高新', '经开', '莲湖', '曲江', '未央', '新城', '兴庆', '雁塔', '渭南'],
// max:20
show: true,
axisTick: { //坐标轴刻度相关设置。
show: true,
interval: 0, //坐标轴刻度的显示间隔 可以设置成 0 强制显示所有标签。如果设置为 1，表示『隔一个标签显示一个标签』，如果值为 2，表示隔两个标签显示一个标签，以此类推
length: 3, //坐标轴刻度的长度
lineStyle: { //刻度线的样式设置。所有属性{ color , width , type , shadowBlur , shadowColor , shadowOffsetX , shadowOffsetY , opacity }
},
alignWithLabel: true, //类目轴中在 boundaryGap 为 true 的时候有效,可以保证刻度线和标签对齐
},
axisLine: {
lineStyle: {
color: '#cccccc'
}
},
axisLabel: { //坐标轴刻度标签的相关设置。
show: true,
interval: 'auto', //坐标轴刻度标签的显示间隔，在类目轴中有效
color: '#333333'
},
splitNumber: 50, //
},
series: [{
name: '新增', //坐标轴的分割段数
type: 'bar',
data: [15, 5, 19, 4, 15, 10, 9, 13, 12, 9, 22, 11, 14],
barWidth: 10,
// barCategoryGap: '20',
// barCategoryGap:20
barGap: '0%',
},
{
name: '净增',
type: 'bar',
data: [20, 10, 30, 10, 28, 20, 25, 30, 29, 15, 20, 25, 14],
barWidth: 10, // 柱条的宽度，不设时自适应
barGap: '0%', //不同系列的柱间距离，为百分比（如 '30%'，表示柱子宽度的 30%）。
barCategoryGap: '100%', //同一系列的柱间距离，默认为类目间距的20%，可设固定值
// itemStyle: { //在每项上面显示数量
// normal: {
// label: {
// show: true, //开启显示
// position: 'right', //在上方显示
// textStyle: { //数值样式
// color: 'black',
// fontSize: 16
// }
// }
// }
// },
}
]
}```javascript
xcc (作者)
例子我在下面回复 了，请问有没有交流群方便交流
2020-04-03 15:31