[change direction of Gantt Chart]

this change only the direction of bars ...i need to change the labels direction

[change direction of Gantt Chart]

how can i change the direction of Gantt Chart to "rtl"?????

[Click column in Gantt chart]

any help!!!!! plzzz

[giving margin between bars]

mm ok ... but there is no solution to give space between item in 1 serie?

[Click column in Gantt chart]

im using IE9 and jquery-1.7.1.min.js

[giving margin between bars]

var countryName = "";

var chart1;

$(document).ready(function ($) {

chart1 = new cfx.Chart();

chart1.setGallery(cfx.Gallery.Gantt);

chart1.getView3D().setEnabled(true);

chart1.getLegendBox().setVisible(false);

var i = 0;

var j = 0;

var data = chart1.getData();

data.setSeries(1);

data.setPoints(3);

var items1 = [{

"type": "Internal",

"number": 5

}, {

"type": "Outgoing",

"number": 7

}, {

"type": "Incoming",

"number": 10

}];

chart1.setDataSource(items1);

chart1.getAllSeries().getBorder().setEffect(cfx.BorderEffect.Raised);

chart1.getAxisX().getGrids().getMajor().setVisible(false);

chart1.getAxisY().getGrids().getMajor().setVisible(false);

chart1.getAxisY().getGrids().getMinor().setVisible(false);

chart1.getAxisX().getGrids().getMinor().setVisible(false);

chart1.getAxisY().setVisible(false);

chart1.getAllSeries().getPointLabels().setVisible(true);

chart1.getView3D().setEnabled(false);

chart1.getAllSeries().setVolume(70);

chart1.getGalleryAttributes().setIntraSeriesGap(60);

chart1.create(document.getElementById('ChartDiv'));

[Click column in Gantt chart]

var countryName = "";

var chart1;

$(document).ready(function ($) {

chart1 = new cfx.Chart();

chart1.setGallery(cfx.Gallery.Gantt);

chart1.getView3D().setEnabled(true);

chart1.getLegendBox().setVisible(false);

var i = 0;

var j = 0;

var data = chart1.getData();

data.setSeries(1);

data.setPoints(3);

var items1 = [{

"type": "Internal",

"number": 5

}, {

"type": "Outgoing",

"number": 7

}, {

"type": "Incoming",

"number": 10

}];

chart1.setDataSource(items1);

chart1.getAllSeries().getBorder().setEffect(cfx.BorderEffect.Raised);

chart1.getAxisX().getGrids().getMajor().setVisible(false);

chart1.getAxisY().getGrids().getMajor().setVisible(false);

chart1.getAxisY().getGrids().getMinor().setVisible(false);

chart1.getAxisX().getGrids().getMinor().setVisible(false);

chart1.getAxisY().setVisible(false);

chart1.getAllSeries().getPointLabels().setVisible(true);

chart1.getView3D().setEnabled(false);

chart1.getAllSeries().setVolume(70);

chart1.getGalleryAttributes().setIntraSeriesGap(60);

chart1.create(document.getElementById('ChartDiv'));

$("#ChartDiv").click(function (evt) {

if ((evt.hitType == cfx.HitType.Point) || (evt.hitType == cfx.HitType.Between)) {

var s = "Series " + evt.series + " Point " + evt.point;

if (evt.hitType == cfx.HitType.Between)

s += " Between";

alert(s);

}

});

});

[giving margin between bars]

setIntraSeriesGap is used in all types of chart? (example in Gantt chart)... because i tried it but no changes

Attachments.zip

[Click column in Gantt chart]

i used it but hittype is undefined for evt

[Click column in Gantt chart]

how can i call a function when i click on a column in a Bar chart? and how to know the column selected?

[giving margin between bars]

this method is decreasing the volume of bars but i need to give space between items in the same serie ... giving more space between labels

[change area background]

thank you very much for your help... it works

[giving margin between bars]

how to give margins between columns of chart?

[change area background]

how can i change background color of areaChart ?