Question

我正在尝试创建一个使用highcharts的JIRA小工具，而我无法正确调用javascript highcharts.js。

该文件位于： atlassian_tutorial-JIRA-小工具/ SRC /主/资源/ JS / HighStock / highcharts.js

atlassian-plugin.xml添加了以下内容：

<web-resource key="highstock">
  <resource type="download" name = "highcharts.js" location = "js/HighStock/highcharts.js">
     <property key = 'content-type' value = 'text/javascript' />
  </resource>
</web-resource>

小工具文件gadget.xml具有以下内容：

#requireResource("plugin-key:highstock")

...
<div id = "container">HighStock</div>

... 

AJS.$('#container').highcharts('StockChart',{title:{text:'Test'}});

根本没有任何事情发生。我在Google Chrome控制台中收到以下错误：

未捕获TypeError：对象[object Object]没有方法'highcharts'

Answer 1

检查您的小工具中是否包含jQuery AUI
检查您是否正确引用了HighCharts

获取已呈现的小工具XML的URL，并检查您是否通过XML文件中的#requireResource("com.atlassian.gadgets:common-resources")和HighCharts等正确调用jQuery。如果发现任何问题，请使用更正的路径更新atlassian-plugin.xml

更多关于Using Web Resources in your Gadget。

修改：如果您的Javascript文件位于/main/src/resources/js/HighStock/highcharts.js，则atlassian-plugin.xml的此片段应该有效：

<web-resource key="highstock">
  <resource type="download" name="highcharts.js" location="/js/HighStock/highcharts.js" />
</web-resource>

请注意，我删除了您原来拥有的attribute = "value"位中的空格;还使用/

带有HighCharts的JIRA Gadget插件

1 个答案: