Search the Community

I'm using the DataGrid to display, for example, months and two series like this: var data = [ { "Month": "Jan", "A": 100, "B": 300 }, { "Month": "Feb", "A": 130, "B": 200 }, ... ] When the datagrid dock is on the right area, months are listed in rows and series in columns. But when the datagrid dock is on the bottom area, months are listed in columns and series in rows. How can I make the months to stay in rows when the datagrid dock is on the bottom area?

I wish to use a funnel to represent sales activity, and display a datagrid instead of a legend box. I would use .getPointLabels(), but the values sometimes overwrite each other on the graph. When I add the datagrid, the labels somehow get swapped/reordered so that the data no longer matches the label. I've attached a screenshot to demonstrate... using the funnel example at: var funnel = new cfx.funnel.Funnel(); chart1.setGalleryAttributes(funnel); funnel.setTipHeight(10); var data = chart1.getData(); data.setSeries(1); data.setPoints(5); chart1.getLegendBox().setDock(cfx.DockArea.Right); chart1.getAllSeries().getPointLabels().setVisible(true); data.setItem(0,0,780); data.setItem(0,1,1462); data.setItem(0,2,2465); data.setItem(0,3,6242); data.setItem(0,4,15230); data.getLabels().setItem(0,"Renewals"); data.getLabels().setItem(1,"Purchases"); data.getLabels().setItem(2,"Quotes"); data.getLabels().setItem(3,"Downloads"); data.getLabels().setItem(4,"Visitors"); chart1.getDataGrid().setDock(cfx.DockArea.Right); chart1.getDataGrid().setVisible(true); chart1.getAxisY().getLabelsFormat().setFormat(cfx.AxisFormat.Currency);