Highcharts后不工作jQuery的升级

我们使用Highcharts后不工作jQuery的升级

highcharts 2.5.1 back in 2011 bundled with Jquery 1.4.2

一些图形和一切工作OK但我们节省一些其他的JavaScript插件和他们我们需要对它们进行升级，以及latest releases have some bug fixed and we want to take advantage of them，他们还需要Jquery upgrade as well但当我升级到最新jquery version

jquery-1.11.1.min然后highcharts似乎不再有效？

我能做些什么，使之可以作为使用JQuery 1.4.2

示例代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
    <title>Highcharts Example</title> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>  
    <script type="text/javascript" src="../js/highcharts.js"></script> 
    <script type="text/javascript"> 

     var chart; 
     $(document).ready(function() { 
      chart = new Highcharts.Chart({ 
       chart: { 
        renderTo: 'container', 
        defaultSeriesType: 'bar' 
       }, 
       title: { 
        text: 'Stacked bar chart' 
       }, 
       xAxis: { 
        categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas'] 
       }, 
       yAxis: { 
        min: 0, 
        title: { 
         text: 'Total fruit consumption' 
        } 
       }, 
       legend: { 
        backgroundColor: '#FFFFFF', 
        reversed: true 
       }, 
       tooltip: { 
        formatter: function() { 
         return ''+ 
          this.series.name +': '+ this.y +''; 
        } 
       }, 
       plotOptions: { 
        series: { 
         stacking: 'normal' 
        } 
       }, 
        series: [{ 
        name: 'John', 
        data: [5, 3, 4, 7, 2] 
       }, { 
        name: 'Jane', 
        data: [2, 2, 3, 2, 1] 
       }, { 
        name: 'Joe', 
        data: [3, 4, 4, 2, 5] 
       }] 
      });       
     });    
    </script>  
</head> 
<body> 
    <div id="container" style="width: 800px; height: 400px; margin: 0 auto"></div> 
</body>

产生正确的输出

Using JQuery 1.4.2

如果我改变JQuery version这样的

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

产生类似的东西。

我看到类似

Using jQuery 1.11

also tested con JQuery 1.10

来源

2014-09-21 chiperortiz

您所看到的问题是什么？在JavaScript控制台中的任何错误？请在 – 2014-09-21 15:00:24

这个问题上提供足够的信息，我没有看到图形，而在其他图形中没有显示数据。 – chiperortiz 2014-09-21 16:33:54

代码适用于最新的高级图表和jquery http：// jsfiddle。net/jugal/9g3679zk /你正在使用什么版本的highcharts？根据您的许可更新到最新的可用版本 – 2014-09-22 06:22:35

检查您是否可以在compatibility page of highcharts

jQuery 

1.4.3 - 1.10.x for all browsers. 
2.0.x for modern browsers.

尝试使用1.10.x。如果你仍然看到这个问题，我会建议在这里创建一个jsFiddle问题&报告。 SO专家或Highcharts支持团队可以在您使用官方支持的jQuery版本时为您提供帮助。

编辑

您的代码效果很好，看看@http://jsfiddle.net/jugal/9g3679zk/

您可能还需要升级Highcharts JS

EDIT 2

使用Highcharts 2.1.5 @http://jsfiddle.net/jugal/9g3679zk/1/图表不会像您所显示的那样加载，而是在重新调整窗口大小后重新绘制并显示图表。

升级到2.2似乎可以解决它@http://jsfiddle.net/jugal/9g3679zk/2/您最有可能应该能够使用现有许可证从2.1升级到2.2。

来源

2014-09-21 14:59:07

我会尝试升级'Highcharts.js'我会将你的评论标记为解决方案。非常感谢... – chiperortiz 2014-09-22 18:45:13

Highcharts后不工作jQuery的升级

回答

相关问题