Я использую плагин jqChart для jQuery.
С помощью следующего кода график свечей отображается правильно.
<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, как показано ниже, диаграмма отображается неправильно.
Всплывающие подсказки отображаются только для некоторых полос.
Все полосы без заливки.
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]]
Что может быть не так во втором json-объекте "данных"?
Спасибо,
Vineet
0
17 Июл 2012 в 18:10
1 ответ
Лучший ответ
Свечной график jqChart принимает данные в формате 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
}
]
});
1
17 Июл 2012 в 21:32
Привет, Драган! Я очень ценю вашу быструю поддержку. Я упустил из виду формат HLOC. Теперь диаграмма отображается правильно. Большое тебе спасибо. Я пометил ваш ответ как "принятый" и за него проголосовали. - Виньет
–
18 Июл 2012 в 07:25