2014-10-18 40 views
1

如何调用高图表中的OnClientClick asp.net如何调用高图表在asp.net

我的Java脚本是

<script > 
    function chart() { 
     $('#container').highcharts({ 
      chart: { 
       type: 'line' 
      }, 
      title: { 
       text: 'Monthly Average Temperature', 
       x: -20 //center 
      }, 
      subtitle: { 
       text: 'Source: WorldClimate.com', 
       x: -20 
      }, 
      xAxis: { 
       categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 
        'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
      }, 
      yAxis: { 
       title: { 
        text: 'Temperature (°C)' 
       }, 
       plotLines: [{ 
        value: 0, 
        width: 1, 
        color: '#808080' 
       }] 
      }, 
      tooltip: { 
       valueSuffix: '°C' 
      }, 
      plotOptions: { 
       line: { 
        dataLabels: { 
         enabled: true 
        }, 
        enableMouseTracking: true 
       } 
      }, 
      //legend: { 
      // layout: 'vertical', 
      // align: 'right', 
      // verticalAlign: 'middle', 
      // borderWidth: 0 
      //}, 
      series: [{ 
       name: 'Tokyo', 
       data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6] 
      }, { 
       name: 'New York', 
       data: [-0.2, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8, 24.1, 20.1, 14.1, 8.6, 2.5] 
      }, { 
       name: 'Berlin', 
       data: [-0.9, 0.6, 3.5, 8.4, 13.5, 17.0, 18.6, 17.9, 14.3, 9.0, 3.9, 1.0] 
      }, { 
       name: 'London', 
       data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8] 
      }] 
     }); 
    }; 
</script> 

我打电话上述方法中的OnClientClick

<asp:Button Text="Show" OnClientClick="chart()" runat="server" /> 

当我点击此按钮图表可见1或2秒后,其在可见

其中我犯了错误.....

+0

在JavaScript控制台中有任何错误吗? – 2014-10-20 10:18:27

+0

您是否创建了“#容器”DIV? – wergeld 2014-10-20 15:50:12

回答

1

尝试在页面加载时加载该功能

相关问题