echarts折线图最后一个拐点显示问题

发布于 2022-09-07 00:01:04 字数 4108 浏览 16 评论 0

折线图的最后一个点只有在鼠标一上去才显示。怎么才能默认就能显示原点和数据呢?
图片描述

setOption({
            //标题
            title: {
              text: 'Job执行次数效能',
              left: '30',
              textStyle: {
                fontSize: 18,
                fontWeight: 500
              },
              subtext:'Job副标题',
              subtextStyle:{
                fontSize:14,
                color:'#666'
              }
            },
            tooltip: {

              enterable: true,
              trigger: 'axis',
              axisPointer: {
                type: 'cross',
                label: {
                  backgroundColor: '#6a7985'
                }
              },
              formatter: function (params, ticket, callback) {//数据格式

                let dataIndex = params[0].dataIndex;

                let normalValue,
                  errorValue;
                errorValue = _this.countResultStatusData.monthBuildErrorNums[dataIndex];
                normalValue = _this.countResultStatusData.monthBuildSuccNums[dataIndex];

                let relVal = params[0].name + "<br/>";

                relVal += '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:#31c263"></span>' + "正常 : " + normalValue + "<br/>";
                relVal +=  '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:#f77448"></span>' + "错误 : " + errorValue + "<br/>";
                return relVal;
              }
            },
            legend: {
              data: ['执行总次数'],
              right:20
            },
            toolbox: {},
            grid: {
              left: '6%',
              right: '10%',
              bottom: '10%',
              containLabel: true
            },
            xAxis: [
              {
                alignWithLabel:true,
                type: 'category',
                boundaryGap: false,
                data: _this.countResultStatusData.months,
                name: '年/月',
                nameTextStyle:{
                  color:'#333',
                },

              }
            ],
            yAxis: [
              {
                type: 'value',
                name: 'Job次数',
                nameLocation:'center',
                nameTextStyle:{
                  color:'#888',
                  padding: [10, 40]
                },
                minInterval:1,
                maxInterval:10
              },
              {
                type: 'value',
                nameLocation:'center',
                nameTextStyle:{
                  color:'#888',
                  padding: [10, 40]
                },
                minInterval:1,
                maxInterval:10
              }
            ],
            series: [
              {
                name: '执行总次数',
                type: 'line',
                showAllSymbol: true,
                stack: '总量',
                label: {
                  normal: {
                    show: true,
                    position: 'top',
                  }
                },
                symbolSize: 10,
                itemStyle:{
                  borderWidth:2
                },
                areaStyle: {
                  normal: {
                    color: {
                      type: 'linear',
                      x: 0,
                      y: 0,
                      x2: 0,
                      y2: 1,
                      colorStops: [{
                        offset: 0, color: '#ffba9b' // 0% 处的颜色
                      }, {
                        offset: 1, color: '#ffffff' // 100% 处的颜色
                      }],
                      globalCoord: false // 缺省为 false
                    }
                  }
                },
                data: _this.countResultStatusData.monthBuildNums
              }
            ]
          })`
          
          ![图片描述][2]

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

携君以终年 2022-09-14 00:01:04

是版本的原因,我把版本降到3.几就可以了

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文