Javascript 如何使用Highcharts显示具有较小值的烛台？
我试图显示一个带有小值的烛台，但在图表上看不到蜡烛 下面是一个例子： HTML:Javascript 如何使用Highcharts显示具有较小值的烛台？,javascript,highcharts,candlestick-chart,Javascript,Highcharts,Candlestick Chart,我试图显示一个带有小值的烛台，但在图表上看不到蜡烛 下面是一个例子： HTML: Javascript: $(function () { var jsonData = [{"LastModification":"04:18:45","Symbol":"EURUSD","Bid":"1.33132","Ask":"1.33157","High":"1.33336","Low":"1.33007","Direction":"0","InserTime":"\/Date(135
$(function () {
var jsonData = [{"LastModification":"04:18:45","Symbol":"EURUSD","Bid":"1.33132","Ask":"1.33157","High":"1.33336","Low":"1.33007","Direction":"0","InserTime":"\/Date(1358760060933)\/"},{"LastModification":"04:20:05","Symbol":"EURUSD","Bid":"1.33151","Ask":"1.33174","High":"1.33336","Low":"1.33007","Direction":"0","InserTime":"\/Date(1358760140625)\/"},{"LastModification":"04:21:25","Symbol":"EURUSD","Bid":"1.3312","Ask":"1.33144","High":"1.33336","Low":"1.33007","Direction":"1","InserTime":"\/Date(1358760220731)\/"},{"LastModification":"04:22:48","Symbol":"EURUSD","Bid":"1.33115","Ask":"1.33141","High":"1.33336","Low":"1.33007","Direction":"-1","InserTime":"\/Date(1358760300387)\/"},{"LastModification":"04:23:48","Symbol":"EURUSD","Bid":"1.33107","Ask":"1.33132","High":"1.33336","Low":"1.33007","Direction":"-1","InserTime":"\/Date(1358760361033)\/"},{"LastModification":"04:25:08","Symbol":"EURUSD","Bid":"1.33139","Ask":"1.33164","High":"1.33336","Low":"1.33007","Direction":"0","InserTime":"\/Date(1358760440193)\/"},{"LastModification":"04:26:28","Symbol":"EURUSD","Bid":"1.33202","Ask":"1.33222","High":"1.33336","Low":"1.33007","Direction":"1","InserTime":"\/Date(1358760520037)\/"},{"LastModification":"04:27:48","Symbol":"EURUSD","Bid":"1.33212","Ask":"1.33238","High":"1.33336","Low":"1.33007","Direction":"-1","InserTime":"\/Date(1358760600163)\/"}]
var data = [];
fillData();
function fillData() {
for (i = 0; i < jsonData.length; i++) {
data.push([
parseInt(jsonData[i].InserTime.substr(6)),
jsonData[i].Ask ,
jsonData[i].High ,
jsonData[i].Low ,
jsonData[i].Bid
]);
}
CreateChart();
}
function CreateChart() {
// create the chart
chart = new Highcharts.StockChart({
chart: {
renderTo: 'chartEURUSDContainer',
type: 'candlestick',
marginRight: 10,
},
rangeSelector : {
enabled: false
},
scrollbar : {
enabled: false
},
navigator : {
enabled: false
},
series : [{
type : 'candlestick',
color: '#00FF00',
name : 'Currency Rates',
data : data,
}]
});
}
});
$(function () {
var jsonData = [{
"LastModification": "04:18:45",
"Symbol": "EURUSD",
"Bid": "1.33132",
"Ask": "1.33157",
"High": "1.33336",
"Low": "1.33007",
"Direction": "0",
"InserTime": "\/Date(1358760060933)\/"
}, {
"LastModification": "04:20:05",
"Symbol": "EURUSD",
"Bid": "1.33151",
"Ask": "1.33174",
"High": "1.33336",
"Low": "1.33007",
"Direction": "0",
"InserTime": "\/Date(1358760140625)\/"
}, {
"LastModification": "04:21:25",
"Symbol": "EURUSD",
"Bid": "1.3312",
"Ask": "1.33144",
"High": "1.33336",
"Low": "1.33007",
"Direction": "1",
"InserTime": "\/Date(1358760220731)\/"
}, {
"LastModification": "04:22:48",
"Symbol": "EURUSD",
"Bid": "1.33115",
"Ask": "1.33141",
"High": "1.33336",
"Low": "1.33007",
"Direction": "-1",
"InserTime": "\/Date(1358760300387)\/"
}, {
"LastModification": "04:23:48",
"Symbol": "EURUSD",
"Bid": "1.33107",
"Ask": "1.33132",
"High": "1.33336",
"Low": "1.33007",
"Direction": "-1",
"InserTime": "\/Date(1358760361033)\/"
}, {
"LastModification": "04:25:08",
"Symbol": "EURUSD",
"Bid": "1.33139",
"Ask": "1.33164",
"High": "1.33336",
"Low": "1.33007",
"Direction": "0",
"InserTime": "\/Date(1358760440193)\/"
}, {
"LastModification": "04:26:28",
"Symbol": "EURUSD",
"Bid": "1.33202",
"Ask": "1.33222",
"High": "1.33336",
"Low": "1.33007",
"Direction": "1",
"InserTime": "\/Date(1358760520037)\/"
}, {
"LastModification": "04:27:48",
"Symbol": "EURUSD",
"Bid": "1.33212",
"Ask": "1.33238",
"High": "1.33336",
"Low": "1.33007",
"Direction": "-1",
"InserTime": "\/Date(1358760600163)\/"
}]
var data = [];
fillData();
function fillData() {
for (i = 0; i < jsonData.length; i++) {
data.push([
parseInt(jsonData[i].InserTime.substr(6)),
parseFloat(jsonData[i].Ask),
parseFloat(jsonData[i].High),
parseFloat(jsonData[i].Low),
parseFloat(jsonData[i].Bid)]);
}
CreateChart();
}
function CreateChart() {
// create the chart
chart = new Highcharts.StockChart({
chart: {
renderTo: 'chartEURUSDContainer',
type: 'candlestick',
marginRight: 10,
},
rangeSelector: {
enabled: false
},
scrollbar: {
enabled: false
},
navigator: {
enabled: false
},
series: [{
type: 'candlestick',
color: '#00FF00',
name: 'Currency Rates',
data: data,
}]
});
}
});
$（函数（）{
var jsonData=[{“LastModification”：“04:18:45”，“Symbol”：“EURUSD”，“Bid”：“1.33132”，“Ask”：“1.33157”，“High”：“1.33336”，“Low”：“1.33007”，“Direction”：“0”，“InserTime”：“\/Date（1358760060933）\/”}，{“LastModification”：“04:20:05”，“Symbol”：“EURUSD”，“Bid”：“1.33151”，“Ask”：“1.33174”，“High”：“1.33336”，“Low”：“1.33007”，“Direction”：“0”，“InserTime”：“0”，“InserTime”：“\/Date”（1358760140625）\/“}，{LASTMODIFY:“04:21:25”，“Symbol:“EURUSD”，“Bid:“1.3312”，“Ask:“1.33144”，“High:“1.33336”，“Low:“1.33007”，“Direction:“1”，“InserTime:“\/Date（1358760220731）\/”}，{“LASTMODIFY:“04:22:48”，“Symbol:“EURUSD”，“Bid:“1.33115”，“Ask:“1.33141”，“High:“1.33336”，“Low:“1.33007”，“Direction:”1”，“InserTime:“\/”{“最后修改”：“04:23:48”，“符号”：“欧元兑美元”，“投标”：“1.33107”，“要求”：“1.33132”，“高”：“1.33336”，“低”：“1.33007”，“方向”：“-1”，“插入时间”：“\/日期（1358760361033）\/”，{“最后修改”：“04:25:08”，“符号”：“欧元兑美元”，“投标”：“1.33139”，“要求”：“1.33164”，“高”：“1.33336”，“低”：“1.33007”，“方向”：“0”，“插入时间”：“\/日期（1358760440）\/”，{”最后修改：“04:26:28”，“符号”：“欧元兑美元”，“投标”：“1.33202”，“要求”：“1.33222”，“高”：“1.33336”，“低”：“1.33007”，“方向”：“1”，“插入时间”：“\/日期（1358760520037）\/”，{“最后修改”：“04:27:48”，“符号”：“欧元兑美元”，“投标”：“1.33212”，“要求”：“1.33238”，“高”：“1.33336”，“低”：“1.33007”，“方向”：“插入时间”：“\/日期（1358760600163）\/”]
var数据=[]；
fillData（）；
函数fillData（）{
对于（i=0；idata.push([
parseInt(jsonData[i].InserTime.substr(6)),
parseFloat(jsonData[i].Ask),
parseFloat(jsonData[i].High),
parseFloat(jsonData[i].Low),
parseFloat(jsonData[i].Bid)]);
$(function () {
var jsonData = [{"LastModification":"04:18:45","Symbol":"EURUSD","Bid":"1.33132","Ask":"1.33157","High":"1.33336","Low":"1.33007","Direction":"0","InserTime":"\/Date(1358760060933)\/"},{"LastModification":"04:20:05","Symbol":"EURUSD","Bid":"1.33151","Ask":"1.33174","High":"1.33336","Low":"1.33007","Direction":"0","InserTime":"\/Date(1358760140625)\/"},{"LastModification":"04:21:25","Symbol":"EURUSD","Bid":"1.3312","Ask":"1.33144","High":"1.33336","Low":"1.33007","Direction":"1","InserTime":"\/Date(1358760220731)\/"},{"LastModification":"04:22:48","Symbol":"EURUSD","Bid":"1.33115","Ask":"1.33141","High":"1.33336","Low":"1.33007","Direction":"-1","InserTime":"\/Date(1358760300387)\/"},{"LastModification":"04:23:48","Symbol":"EURUSD","Bid":"1.33107","Ask":"1.33132","High":"1.33336","Low":"1.33007","Direction":"-1","InserTime":"\/Date(1358760361033)\/"},{"LastModification":"04:25:08","Symbol":"EURUSD","Bid":"1.33139","Ask":"1.33164","High":"1.33336","Low":"1.33007","Direction":"0","InserTime":"\/Date(1358760440193)\/"},{"LastModification":"04:26:28","Symbol":"EURUSD","Bid":"1.33202","Ask":"1.33222","High":"1.33336","Low":"1.33007","Direction":"1","InserTime":"\/Date(1358760520037)\/"},{"LastModification":"04:27:48","Symbol":"EURUSD","Bid":"1.33212","Ask":"1.33238","High":"1.33336","Low":"1.33007","Direction":"-1","InserTime":"\/Date(1358760600163)\/"}]
var data = [];
fillData();
function fillData() {
for (i = 0; i < jsonData.length; i++) {
data.push([
parseInt(jsonData[i].InserTime.substr(6)),
jsonData[i].Ask ,
jsonData[i].High ,
jsonData[i].Low ,
jsonData[i].Bid
]);
}
CreateChart();
}
function CreateChart() {
// create the chart
chart = new Highcharts.StockChart({
chart: {
renderTo: 'chartEURUSDContainer',
type: 'candlestick',
marginRight: 10,
},
rangeSelector : {
enabled: false
},
scrollbar : {
enabled: false
},
navigator : {
enabled: false
},
series : [{
type : 'candlestick',
color: '#00FF00',
name : 'Currency Rates',
data : data,
}]
});
}
});
$(function () {
var jsonData = [{
"LastModification": "04:18:45",
"Symbol": "EURUSD",
"Bid": "1.33132",
"Ask": "1.33157",
"High": "1.33336",
"Low": "1.33007",
"Direction": "0",
"InserTime": "\/Date(1358760060933)\/"
}, {
"LastModification": "04:20:05",
"Symbol": "EURUSD",
"Bid": "1.33151",
"Ask": "1.33174",
"High": "1.33336",
"Low": "1.33007",
"Direction": "0",
"InserTime": "\/Date(1358760140625)\/"
}, {
"LastModification": "04:21:25",
"Symbol": "EURUSD",
"Bid": "1.3312",
"Ask": "1.33144",
"High": "1.33336",
"Low": "1.33007",
"Direction": "1",
"InserTime": "\/Date(1358760220731)\/"
}, {
"LastModification": "04:22:48",
"Symbol": "EURUSD",
"Bid": "1.33115",
"Ask": "1.33141",
"High": "1.33336",
"Low": "1.33007",
"Direction": "-1",
"InserTime": "\/Date(1358760300387)\/"
}, {
"LastModification": "04:23:48",
"Symbol": "EURUSD",
"Bid": "1.33107",
"Ask": "1.33132",
"High": "1.33336",
"Low": "1.33007",
"Direction": "-1",
"InserTime": "\/Date(1358760361033)\/"
}, {
"LastModification": "04:25:08",
"Symbol": "EURUSD",
"Bid": "1.33139",
"Ask": "1.33164",
"High": "1.33336",
"Low": "1.33007",
"Direction": "0",
"InserTime": "\/Date(1358760440193)\/"
}, {
"LastModification": "04:26:28",
"Symbol": "EURUSD",
"Bid": "1.33202",
"Ask": "1.33222",
"High": "1.33336",
"Low": "1.33007",
"Direction": "1",
"InserTime": "\/Date(1358760520037)\/"
}, {
"LastModification": "04:27:48",
"Symbol": "EURUSD",
"Bid": "1.33212",
"Ask": "1.33238",
"High": "1.33336",
"Low": "1.33007",
"Direction": "-1",
"InserTime": "\/Date(1358760600163)\/"
}]
var data = [];
fillData();
function fillData() {
for (i = 0; i < jsonData.length; i++) {
data.push([
parseInt(jsonData[i].InserTime.substr(6)),
parseFloat(jsonData[i].Ask),
parseFloat(jsonData[i].High),
parseFloat(jsonData[i].Low),
parseFloat(jsonData[i].Bid)]);
}
CreateChart();
}
function CreateChart() {
// create the chart
chart = new Highcharts.StockChart({
chart: {
renderTo: 'chartEURUSDContainer',
type: 'candlestick',
marginRight: 10,
},
rangeSelector: {
enabled: false
},
scrollbar: {
enabled: false
},
navigator: {
enabled: false
},
series: [{
type: 'candlestick',
color: '#00FF00',
name: 'Currency Rates',
data: data,
}]
});
}
});
$（函数（）{
var jsonData=[{
“最后修改”：“04:18:45”，
“符号”：“欧元兑美元”，
“投标书”：“1.33132”，
“询问”：“1.33157”，
“高”：“1.33336”，
“低”：“1.33007”，
“方向”：“0”，
“插入时间”：“\/日期（1358760060933）\/”
}, {
“最后修改”：“04:20:05”，
“符号”：“欧元兑美元”，
“投标书”：“1.33151”，
“询问”：“1.33174”，
“高”：“1.33336”，
“低”：“1.33007”，
“方向”：“0”，
“插入时间”：“\/日期（1358760140625）\/”
}, {
“最后修改”：“04:21:25”，
“符号”：“欧元兑美元”，
“投标书”：“1.3312”，
“询问”：“1.33144”，
“高”：“1.33336”，
“低”：“1.33007”，
“方向”：“1”，
“插入时间”：“\/日期（1358760220731）\/”
}, {
“最后修改”：“04:22:48”，
“符号”：“欧元兑美元”，
“投标书”：“1.33115”，
“询问”：“1.33141”，
“高”：“1.33336”，
“低”：“1.33007”，
“方向”：“-1”，
“插入时间”：“\/日期（1358760300387）\/”
}, {
“最后修改”：“04:23:48”，
“符号”：“欧元兑美元”，
“投标书”：“1.33107”，
“询问”：“1.33132”，
“高”：“1.33336”，
“低”：“1.33007”，
“方向”：“-1”，
“插入时间”：“\/日期（1358760361033）\/”
}, {
“最后修改”：“04:25:08”，
“符号”：“欧元兑美元”，
“投标书”：“1.33139”，
“询问”：“1.33164”，
“高”：“1.33336”，
“低”：“1.33007”，
“方向”：“0”，
“插入时间”：“\/日期（1358760440193）\/”
}, {
“最后修改”：“04:26:28”，
“符号”：“欧元兑美元”，
“投标书”：“1.33202”，
“询问”：“1.33222”，
“高”：“1.33336”，
“低”：“1.33007”，
“方向”：“1”，
“插入时间”：“\/日期（135876052003）\/”
}, {
“最后修改”：“04:27:48”，
“符号”：“欧元兑美元”，
“投标书”：“1.33212”，
“询问”：“1.33238”，
“高”：“1.33336”，
“低”：“1.33007”，
“方向”：“-1”，
“插入时间”：“\/日期（1358760600163）\/”
}]
var数据=[]；
fillData（）；
函数fillData（）{
对于（i=0；i