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

2020-03-01  本文已影响0人  Julianne_zhang

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; 其他代码没有参考性哦~

上一篇下一篇

猜你喜欢

热点阅读