如何从SharePoint 2010内容编辑器Web部件引用外部JavaScript文件

时间:2016-04-22 03:11:47

标签: javascript highcharts sharepoint-2010

我正在尝试使用SharePoint 2010内容编辑器Web部件设置基本的HighCharts示例,但我收到错误消息“对象不支持属性或方法'highcharts'”。我正在直接从highcharts下载中使用示例内容。出于某种原因,代码顶部的脚本未加载或我无法访问它。我猜这与sharepoint加载其他脚本的方式有关,但我不确定。

<script src="https://teamOne.com/sites/sandbox/mmg/christo/Shared%20Documents/HiChartsApp/js/jquery-1.11.3.min.js"></script>
<script src="https://teamOne.com/sites/sandbox/mmg/christo/Shared%20Documents/HiChartsApp/js/highcharts.src.js"></script>

<div id="charts_holder">
<h2>HiCharts Test Page</h2>
<p>This is where the charts live</p>
</div>


<div id="container" style="width:100%; height:400px;"></div>

<script type="text/javascript">
$(document).ready(function () { 
    $('#container').highcharts({
      chart: {
        type: 'bar'
      },
      title: {
        text: 'Fruit Consumption'
      },
      xAxis: {
        categories: ['Apples', 'Bananas', 'Oranges']
      },
      yAxis: {
        title: {
            text: 'Fruit eaten'
        }
      },
      series: [{
        name: 'Jane',
        data: [1, 0, 4]
      }, {
        name: 'John',
        data: [5, 7, 3]
      }]
  });
});

</script>

我没有从Sharepoint从内容编辑器Web部件加载其他JS文件中获得好运,但我希望有人会有一个很好的建议。提前谢谢!

0 个答案:

没有答案