美文网首页
highchart横坐标下钻数据,给x轴标签添加链接

highchart横坐标下钻数据,给x轴标签添加链接

作者: Julianne_zhang | 来源:发表于2020-03-01 21:56 被阅读0次

    highchart是基于js的,是全球最好看最适合网页展示的图表,没有之一,漂亮、开源、功能强大
    用此软件的朋友定要收藏此文哦,这个功能在手册上找不到

      xAxis: {
    
      /*plotLines: [{   //一条延伸到整个绘图区的线,标志着轴中一个特定值。
                        color: '#000',
                        dashStyle: 'Dot', //Dash,Dot,Solid,默认Solid
                        width: 1.5,
                        value:6,  //x轴显示位置,一个标记为1
                        zIndex: 5
                    }],
           plotBands: [{ //彩色带横跨绘图区,标志着轴间隔。
                        color: '#ccc',
                        from: 0,
                        to: 12.5
                    }], */
    
                    categories: <?php echo json_encode($ddd);?>  ,
    
                //categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
                   labels: {
                formatter: function () {    // var b=this.axis.defaultLabelFormatter.call(this);
               
               return "<a title='省略' href='mychartsjd.php?xm="+xm+"&ph="+ph+"&day="+this.value+"&zfr="+zfr+"&zf="+zf+"'>" +this.value + "</a>";      
                         },
          }
    
    }, 
    
    

    就是在return语句里面加入链接页面即可,同时可将series的参数一起传递过去,如this.value; 其他代码没有参考性哦~

    相关文章

      网友评论

          本文标题:highchart横坐标下钻数据,给x轴标签添加链接

          本文链接:https://www.haomeiwen.com/subject/wfwlkhtx.html