Echarts图中点不断的增加,提示框是成百分数

Echarts图中点不断的增加,提示框是成百分数

   var myChart = echarts.init(echartPanel_1);
   var option = {
                xAxis: {
                    type: 'category',
                    data: (function () {
                        var now = new Date();
                        if (Indexnums.length>10){
                             var res = [];
                             var len = Indexnums.length;
                                while (len--) {
                                res.unshift(now.toLocaleTimeString().replace(/^\D*/, ''));
                                now = new Date(now - 1000*10);
                                }
                             return res;
                        }
                        else {
                            var res = [];
                            var len = 10;
                                while (len--) {
                                res.unshift(now.toLocaleTimeString().replace(/^\D*/, ''));
                                now = new Date(now - 1000*10);
                                }
                            return res;
                        }

                    })(),
                    axisLine:{
                        lineStyle:{
                            color:'white',
                        }
                    }
                },
                yAxis: {
                    type: 'value',
                    axisLine:{
                        lineStyle:{
                            color:'white',
                        }
                     },
                    axisLabel:{
                    	  formatter:'{value}%'
                    },
                },
                grid: {
                    left: '2%',
                    right: '0%',
                    top:'20px',
                    containLabel: true
                },
                tooltip: {
                        trigger: 'axis',
                        formatter: function(datas)
                              {
                                  var res = datas[0].name + '<br/>', val;
                                   val = (datas[0].value) + '%';
                                   res +='攻击覆盖率:'+val + '<br/>';
                                    return res;
                               }
                    },
                series: [{
                    data:Indexnums,
                    type: 'line'
                }]
        };
        myChart.setOption(option);
        window.addEventListener("resize", function () {
               myChart.resize();
        });

其中数据series中data数据,是自己的数据接口

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值