在highslide应用中，对高亮显示框中的文字添加超链接或按钮的方法。

该例子是基于highcharts应用上的

http://www.w3.org/TR/html4/strict.dtd">


  Highcharts Example

<!--[if IE]>

            var chart;
  //globally available
            $(document).ready(function() {

       chart = new Highcharts.Chart({
    chart: {
     renderTo: 'container',
     defaultSeriesType: 'spline'
    },
    title: {
     text: 'Monthly Average Temperature in Tokyo'
    },
    subtitle: {
     text: 'Source: WorldClimate.com'
    },
    xAxis: {
     categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
      'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
     title: {
      text: 'Month'
     }
    },
    yAxis: {
     title: {
      text: 'Temperature (°C)'
     }
    },
    legend: {
     enabled: false
    },
    tooltip: {
     formatter: function() {
                   return ''+ this.series.name +'
'+
       this.x +': '+ this.y +'°C';
     }
    },
    plotOptions: {
     spline: {
      cursor: 'pointer',
      point: {
       events: {
        click: function() {
        //alert("Hello Word!");
         //window.open("line-basic.htm");
         //window.navigate("line-basic.htm");
        //window.location.href="line-basic.htm";

/*hs.expand(null, {
      src: 'skies.jpg'
   });
hs.Expander.prototype.onImageClick = function (sender) {
   return window.open("line-basic.htm");
}*/
         hs.htmlExpand(null, {
          pageOrigin: {
           x: this.pageX,
           y: this.pageY
          },
          headingText: "\n \n"+this.series.name+"",
          maincontentText: 'this.category: '+ this.category +
           '
this.y: '+ this.y,
          width: 200
         });

        }
       }
      }
     }

},

    series: [{
     name: 'Tokyo',
     dataURL: 'tokyo.json'
    }]
   });


  });

ITPub博客

Add a link/button in the htmlExpand

最新文章