Как да парцел въртяща се парабола с помощта на ExtJS? - extjs, парцел, extjs4, интернет-изследовател-9

Трябва да заговор (нещо като) въртяща се парабола, използвайки графики extjs (версия 4.2.10).

Трябва да нарисувам нещо подобно това (само кривата):

Но в най-добрия случай мога да го получа това (в jsfiddle).

var chartDataStore = Ext.create("Ext.data.ArrayStore", {
storeId: "chartData",
fields: [
{ name: "x", type: "integer" },
{ name: "y", type: "integer" }
],
data: [
[10,14],
[5,10],
[2,6.3],
[0,2],
[2,1],
[5,2]
]

});

var win = Ext.create("Ext.chart.Chart", {
width: 600,
height: 400,
hidden: false,
title: "Example chart",
renderTo: "demoChart",
layout: "fit",
style: "background:#fff",
animate: true,
store: chartDataStore,
shadow: true,
theme: "Category1",
legend: {
position: "bottom"
},
axes: [{
type: "Numeric",
minimum: 0,
position: "left",
fields: ["y"],
title: "Y",
minorTickSteps: 1,
grid: {
odd: {
opacity: 1,
fill: "#ddd",
stroke: "#bbb",
"stroke-width": 0.5
}
}
}, {
type: "Category",
position: "bottom",
fields: ["x"],
title: "X"
}],
series: [{
type: "line",
highlight: {
size: 7,
radius: 7
},
axis: "left",
smooth: true,
xField: "x",
yField: "y",
title: "Rotated Parabola (not working)",
markerConfig: {
type: "cross",
size: 4,
radius: 4,
"stroke-width": 0
},
}]

});

Мой колега предложи да се използва Highchart за ExtJS но не бяхме в състояние да изготвим такъв заговор. Обърнете внимание, че решението трябва да продължи IE9.

Всяко предложение?

Отговори:

Проблемът тук е, че тази крива има две стойности y до една стойност от x и това не може да бъде постигнато с линейна диаграма.

Една възможност би била да се направи равна парабола с Ext chart и след това да се завърти цялата диаграма css трансформация.