Question

我需要帮助才能在弹出图表时打开弹出式高清图

$(document).ready(DrawMyGraph1);


  function DrawMyGraph1() {
   var   xaxis = $.parseJSON($("#hdnXaxis").val());
   var   series1 = $.parseJSON($("#hdnYaxis").val());

    chart = new Highcharts.Chart(
    {
        chart: {
            type: 'column',
            renderTo: 'container3',
            defaultSeriesType: 'area',
            events: {
                click: function () 
                {

                }
            }

        },
        title: {
            text: ''
        },
        subtitle: {
            text: ''
        },
        xAxis: {
            categories: xaxis,
            labels: {
                enabled: false
            }
        },
        yAxis: {
            title: {
                text: 'No of Patients'
            }
        },

        credits: {
            enabled: false
        },
        tooltip: {
            formatter: function () {
                return this.series.name + ' - ' + Highcharts.numberFormat(this.y, 0);
            }
        },
        series: series1
    });

}

我需要在图表点击事件中调用函数“hs.Expander.prototype”以使用highslide在弹出窗口中打开高图。可以帮助任何人

Answer 1

见这个jsFiddle：http://jsfiddle.net/roadrash/eteqX/
在页面的head部分调用Highslide文件非常重要 - 在图表代码之前。

<script type='text/javascript' src="http://highcharts.com/highslide/highslide-full.min.js"></script>
<script type='text/javascript' src="http://highcharts.com/highslide/highslide.config.js"></script>
<link rel="stylesheet" type="text/css" href="http://highcharts.com/highslide/highslide.css"/>

单击动态高图以在新窗口中打开

1 个答案: