Javascript jqChart烛台图:奇怪的显示
我正在使用jqChart插件进行jQuery。Javascript jqChart烛台图:奇怪的显示,javascript,jquery,jquery-plugins,jqchart,Javascript,Jquery,Jquery Plugins,Jqchart,我正在使用jqChart插件进行jQuery。 使用以下代码,烛台图可以正确呈现 <script lang="javascript" type="text/javascript"> $(document).ready(function () { $('#jqChart').jqChart({ title: { text: 'CNDL CHRT' }, series: [
使用以下代码,烛台图可以正确呈现
<script lang="javascript" type="text/javascript">
$(document).ready(function () {
$('#jqChart').jqChart({
title: { text: 'CNDL CHRT' },
series: [
{
type: 'candlestick',
data : [ ['Mon', 5375, 5325, 5340, 5330], ['Tue', 5322, 5250, 5290, 5270], ['Wed', 5375, 5325, 5340, 5330], ['Fri', 5322, 5250, 5290, 5270]]
}
]
});
});
</script>
第二个“数据”json对象中可能有什么错误?谢谢
VinetjqChart烛台图表接受HLOC格式的数据。我相信你的第二份数据是OHLC格式的 您可以使用以下方法进行转换:
var data = [["2012/07/02:0920", 5308.2, 5308.2, 5288.0, 5292.4], ["2012/07/02:0930", 5292.0, 5296.7, 5283.35, 5295.05], ["2012/07/02:0940", 5295.95, 5297.3, 5286.6, 5288.55], ["2012/07/02:0950", 5289.4, 5292.0, 5284.0, 5285.0]];
for (var i = 0; i < data.length; i++) {
var item = data[i];
data[i] = [item[0], item[2], item[3], item[1], item[4]];
}
$('#jqChart').jqChart({
title: { text: 'CNDL CHRT' },
series: [
{
type: 'candlestick',
data: data
}
]
});
var数据=[“2012/07/02:0920”,5308.2,5308.2,5288.0,5292.4],“2012/07/02:0930”,5292.0,5296.7,5283.35,5295.05],“2012/07/02:0940”,5295.95,5297.3,5286.6,5288.55],“2012/07/02:0950”,5289.4,5292.0,5284.0,5285.0];
对于(变量i=0;i
你好,德拉根!我真的很感谢你的迅速支持。我忽略了HLOC格式。现在图表已正确呈现。非常感谢你。我已将你的回答标为“接受”并投了赞成票葡萄藤
var data = [["2012/07/02:0920", 5308.2, 5308.2, 5288.0, 5292.4], ["2012/07/02:0930", 5292.0, 5296.7, 5283.35, 5295.05], ["2012/07/02:0940", 5295.95, 5297.3, 5286.6, 5288.55], ["2012/07/02:0950", 5289.4, 5292.0, 5284.0, 5285.0]];
for (var i = 0; i < data.length; i++) {
var item = data[i];
data[i] = [item[0], item[2], item[3], item[1], item[4]];
}
$('#jqChart').jqChart({
title: { text: 'CNDL CHRT' },
series: [
{
type: 'candlestick',
data: data
}
]
});