Hi,
I was trying to use the candle stick chart for non financial data. Basically, I was trying to use the chart in place of a box n whiskers chart.
So I tried using kendochart instead of kendoStockChart and set the chart type to "candlestick" and it worked! However, since I was using kendoChart, I was not able to zoom on the chart using mouse scroll.
I referred to the link http://www.kendoui.com/forums/dataviz/general-discussions/zoom-example.aspx for implementing my own zoom but I was not able to get the axis correctly.
I have two questions:
1. In case I use kendoChart for candlestick chart, how can I get the x Axis correctly?
2. Is there a way to use the kendoStockChart for non financial applications? Basically, my X axis wont be dates and could be patients.
Code snippet which I wrote is as under:
var title = $("#paramDropDown").data("kendoDropDownList").dataItem();
$("#boxplot").kendoChart({
theme: $(document).data("kendoSkin") || "default",
dataSource: {
data: obj
},
title: {
text: title
},
series: [{
type: "candlestick",
openField: "q1Val",
highField: "maxVal",
lowField: "minVal",
closeField: "q3Val"
}],
transitions: false,
drag: onDrag,
zoom: onDrag
});
I was trying to use the candle stick chart for non financial data. Basically, I was trying to use the chart in place of a box n whiskers chart.
So I tried using kendochart instead of kendoStockChart and set the chart type to "candlestick" and it worked! However, since I was using kendoChart, I was not able to zoom on the chart using mouse scroll.
I referred to the link http://www.kendoui.com/forums/dataviz/general-discussions/zoom-example.aspx for implementing my own zoom but I was not able to get the axis correctly.
I have two questions:
1. In case I use kendoChart for candlestick chart, how can I get the x Axis correctly?
2. Is there a way to use the kendoStockChart for non financial applications? Basically, my X axis wont be dates and could be patients.
Code snippet which I wrote is as under:
var title = $("#paramDropDown").data("kendoDropDownList").dataItem();
$("#boxplot").kendoChart({
theme: $(document).data("kendoSkin") || "default",
dataSource: {
data: obj
},
title: {
text: title
},
series: [{
type: "candlestick",
openField: "q1Val",
highField: "maxVal",
lowField: "minVal",
closeField: "q3Val"
}],
transitions: false,
drag: onDrag,
zoom: onDrag
});