在不同页面的div上加载Highcharts时出现问题
在不同页面的div上加载Highcharts时出现问题
提问于 2012-12-29 04:00:27
我正在使用phonegap开发一个应用程序，我正在使用媒体查询来识别手机和平板电脑的不同分辨率。我的观点是不同的，这取决于它是手机还是平板电脑，当设备是手机时，我想在加载了导航栏的不同页面上显示highcharts图表，而当我在平板电脑上时，我希望图表显示在第一页。
我不知道什么是最好的方式来做到这一点并获得最佳性能。我使用的图表是Highcharts给出的例子：
function graph(){
$(function() {
$.getJSON('http://www.highcharts.com/samples/data/jsonp.php?filename=aapl-c.json&callback=?', function(data) {
// Create the chart
window.chart = new Highcharts.StockChart({
chart : {
renderTo : 'container'
},
rangeSelector : {
selected : 1
},
title : {
text : 'AAPL Stock Price'
},
series : [{
name : 'AAPL',
data : data,
tooltip: {
valueDecimals: 2
}
}]
});
});
});
}我希望将该图表加载到第一页中名为container的div中(如果是平板电脑)，或者加载到其他页面中同名的div中(如果是智能手机)。
实际上，图表只为第一页中的平板电脑加载，而不是在第二页中，如果这是更好的方法，我不想调用函数2次。希望你能帮助我。致以问候。
回答 1
Stack Overflow用户
回答已采纳
发布于 2012-12-29 13:41:59
不要精确地更改平板电脑和手机页面的html。检查你是否有两个页面的html，即使你没有显示。这可能是这里的问题所在。
但是，您可以做的是，更改手机页面和平板电脑页面的两个容器的名称(例如。containerCellPhone，containerTablet)。并在检测到设备类型后，运行renderTo属性相应更改的highchart代码。
希望我已经正确地理解了你的问题。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/14075062
复制相关文章
相似问题
腾讯云开发者
