Javascript 当我使用这个js库时,如何读取django中的特定数据?
我想用这个js Libarry()在django中制作一张股票图表 我写模板:Javascript 当我使用这个js库时,如何读取django中的特定数据?,javascript,django,charts,stock,Javascript,Django,Charts,Stock,我想用这个js Libarry()在django中制作一张股票图表 我写模板: <script type="text/javascript" src="/site_media/stats.js"></script> <script type="text/javascript" src="/site_media/tkcip.js"></script>
<script type="text/javascript" src="/site_media/stats.js"></script>
<script type="text/javascript" src="/site_media/tkcip.js"></script>
<script>
$(document).ready(function() {
scrips = undefined;
if($.browser.msie) {
if($.browser.version < "9.0") {
var htmlstr = '<h5> Your browser \'IE : ' + $.browser.version + '\' does not support certain HTML 5 features natively, which we use. You won\'t be able to experience the full capabilities without those. Workarouns include - Using <a href="http://code.google.com/chrome/chromeframe/">Google Chrome Frame</a> Plugin. To read more about \'Google Chrome Frame\' plugin, please read the following <a href="http://en.wikipedia.org/wiki/Google_Chrome_Frame"> article on Wikipedia</a>.'
$("#chart").html(htmlstr);
}
}
plot = window.tickp("#chart")
plot.read({{ hisdata }})
plot.plot()
});
</script>
<div id="chart" >
</div>
$(文档).ready(函数(){
纸条=未定义;
如果($.browser.msie){
如果($.browser.version<“9.0”){
var htmlstr='Your browser''IE:'+$.browser.version+'\'不支持我们使用的某些本机HTML 5功能。如果没有这些功能,您将无法体验完整的功能。解决方法包括使用插件。要了解有关'Google Chrome Frame\'插件的更多信息,请阅读以下内容
$(“#图表”).html(htmlstr);
}
}
plot=window.tickp(“图表”)
plot.read({hisdata}})
plot.plot()
});
我测试{{hisdata}}格式如下:
[[734472,17.57999999999998,17.64999999999999999,17.309999999999999,17.514635299],[734472,17.5799999999999998,17.64999999999999999,17.309999999999999999999,17.514635299],[734472,17.579999999999999999999998,17.64999999999999999999,17.309999999999999,17.514635299]]
但在浏览器中什么也没发生,我的代码怎么了?当我将tkcip.js修复为tickp.js时,它就可以工作了。请使用webkit inspector或firebug,并使用JSLint检查javascript代码。由于缺少分号,它在Internet explorer中出现语法错误 my views.py:
from django.views.generic import TemplateView
class CoreIndex(TemplateView):
template_name = 'core/index.html'
def get_context_data(self, **kwargs):
context = super(CoreIndex, self).get_context_data(**kwargs)
context.update({
'his_data': [
[734472, 17.579999999999998, 17.649999999999999,17.309999999999999, 17.5, 14635299],
[734472, 17.579999999999998, 17.649999999999999, 17.309999999999999, 17.5, 14635299],
[734472, 17.579999999999998, 17.649999999999999, 17.309999999999999, 17.5, 14635299]
]
})
return context
my core/index.html:
<html>
<head>
<script type="text/javascript" src="{{ STATIC_URL }}js/libs/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="{{ STATIC_URL }}js/libs/stats.js"></script>
<script type="text/javascript" src="{{ STATIC_URL }}js/libs/tickp.js"></script>
<script type="text/javascript">
window.hisData = {{ his_data }}
</script>
<script type="text/javascript" src="{{ STATIC_URL }}js/application.js"></script>
</head>
<body>
<div id="chart"></div>
</body>
</html>
window.hisData={his_data}}
我的application.js是:
$(document).ready(function() {
if($.browser.msie) {
if($.browser.version < "9.0") {
var htmlstr = '<h5> Your browser \'IE : ' + $.browser.version + '\' does not support certain HTML 5 features natively, which we use. You won\'t be able to experience the full capabilities without those. Workarouns include - Using <a href="http://code.google.com/chrome/chromeframe/">Google Chrome Frame</a> Plugin. To read more about \'Google Chrome Frame\' plugin, please read the following <a href="http://en.wikipedia.org/wiki/Google_Chrome_Frame"> article on Wikipedia</a>.';
$("#chart").html(htmlstr);
}
}
var plot = window.tickp("#chart");
plot.read(window.hisData);
plot.plot();
});
$(文档).ready(函数(){
如果($.browser.msie){
如果($.browser.version<“9.0”){
var htmlstr='Your browser''IE:'+$.browser.version+'\'不支持我们使用的某些本机HTML 5功能。没有这些功能,您将无法体验完整的功能。解决方法包括-使用插件。要了解有关'Google Chrome Frame\'插件的更多信息,请阅读以下内容。“;
$(“#图表”).html(htmlstr);
}
}
var plot=window.tickp(“图表”);
plot.read(window.hisData);
plot.plot();
});
当我将tkcip.js固定为tickp.js时,它会起作用。请使用webkit inspector或firebug,并使用JSLint检查javascript代码。由于缺少分号,它在Internet explorer中出现语法错误
my views.py:
from django.views.generic import TemplateView
class CoreIndex(TemplateView):
template_name = 'core/index.html'
def get_context_data(self, **kwargs):
context = super(CoreIndex, self).get_context_data(**kwargs)
context.update({
'his_data': [
[734472, 17.579999999999998, 17.649999999999999,17.309999999999999, 17.5, 14635299],
[734472, 17.579999999999998, 17.649999999999999, 17.309999999999999, 17.5, 14635299],
[734472, 17.579999999999998, 17.649999999999999, 17.309999999999999, 17.5, 14635299]
]
})
return context
my core/index.html:
<html>
<head>
<script type="text/javascript" src="{{ STATIC_URL }}js/libs/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="{{ STATIC_URL }}js/libs/stats.js"></script>
<script type="text/javascript" src="{{ STATIC_URL }}js/libs/tickp.js"></script>
<script type="text/javascript">
window.hisData = {{ his_data }}
</script>
<script type="text/javascript" src="{{ STATIC_URL }}js/application.js"></script>
</head>
<body>
<div id="chart"></div>
</body>
</html>
window.hisData={his_data}}
我的application.js是:
$(document).ready(function() {
if($.browser.msie) {
if($.browser.version < "9.0") {
var htmlstr = '<h5> Your browser \'IE : ' + $.browser.version + '\' does not support certain HTML 5 features natively, which we use. You won\'t be able to experience the full capabilities without those. Workarouns include - Using <a href="http://code.google.com/chrome/chromeframe/">Google Chrome Frame</a> Plugin. To read more about \'Google Chrome Frame\' plugin, please read the following <a href="http://en.wikipedia.org/wiki/Google_Chrome_Frame"> article on Wikipedia</a>.';
$("#chart").html(htmlstr);
}
}
var plot = window.tickp("#chart");
plot.read(window.hisData);
plot.plot();
});
$(文档).ready(函数(){
如果($.browser.msie){
如果($.browser.version<“9.0”){
var htmlstr='Your browser''IE:'+$.browser.version+'\'不支持我们使用的某些本机HTML 5功能。没有这些功能,您将无法体验完整的功能。解决方法包括-使用插件。要了解有关'Google Chrome Frame\'插件的更多信息,请阅读以下内容。“;
$(“#图表”).html(htmlstr);
}
}
var plot=window.tickp(“图表”);
plot.read(window.hisData);
plot.plot();
});