Composite chart : stacked column + line chart

165

jc posted over 7 years ago

Hello,

I create a BarColumnLine chart well but i want a stacked column + Line :( so i try to use composite chart.

Now, i create my first composite chart (stacked column + line chart) with the wizard designer. I fill the data source with the code behind :

ultraChart.Data.DataSource = table;

ultraChart.Data.DataBind();

but it fill only the stacked column chart not the line chart. How i specify the datasource link to the stacked chart and the line chart ?

Do you know if is it possible to create composite chart with wizard and fill different data source charts by the code behind ? If yes, how please?

Thank you.

165

jc posted over 7 years ago in reply to [Infragistics] Michael H.

Thanks you, it works well.

Finally, i decided to add a legend for my composite chart (stackcolumnchart + linechart) by wizard. It added in my mark-up:

 <Legends>
                    <igchartprop:CompositeLegend ChartLayerList="stackColumnLayer|lineLayer">
                    </igchartprop:CompositeLegend>
                </Legends>

but nothing display.

Could you please help me again ?

18204

Verified Answer
Offline [Infragistics] Michael H. posted over 7 years ago in reply to jc
Hi jc,

You can alter the margins for the axes to provide more space. You would want to use something like the following settings to give some extra space above the Y axis.

axisY.Margin.Far.MarginType = LocationType.Percentage;
axisY.Margin.Far.Value = 10;

If you need anything else, please let us know. Please be aware that I will be out of the office next week. It would better benefit you instead to create a new support case or forum thread for any new questions you may have.
Cancel
Reply

Reject Answer

Cancel
165

jc posted over 7 years ago in reply to [Infragistics] Michael H.

Thanks you for your answer.

Another issue with composite chart, i have no space between top windows and title, i tried all things in designer without success.

See my attachment.

Can you help me again ?

Regards,
- Capture2.PNG
- View
- Hide
Cancel
Reply

Cancel
18204

Verified Answer
Offline [Infragistics] Michael H. posted over 7 years ago in reply to jc

Hi jc,

It looks like you may not be setting up the data or the axes correctly. Please see the documentation topics below for more information on this:

https://es.infragistics.com/help/aspnet/chart-working-with-2d-line-chart-data
https://es.infragistics.com/help/aspnet/chart-axis-requirements-for-composite-charts

If you are using the line chart from my sample, take note of the Range values set for the "axisXLine" axis. This axis displays from 0-6 and the XYDataPoints I was using for the series have X values 1, 3, and 5 to appear at the correct spacing. There should be a better way to accomplish this depending on what data you have to work with that you can use the above documentation to help find.

If you need anything else, please let me know.
Cancel
Reply

Reject Answer

Cancel

165

jc posted over 7 years ago in reply to [Infragistics] Michael H.

Hi,

Thanks you very much, it help me very much. I took your example but i still get an issue with the linedata.

I tried to fill the linedata with datasource but i get all my point in the same axix X = 0 (please see my attachment)

private XYSeries GetLineSeries()
    {
        XYSeries series = new XYSeries();
        series.Label = "Line";
 
        DataTable table = GetDataLine();
        series.Data.DataSource = table;
 
        series.Data.LabelColumn = "region";
        series.Data.ValueXColumn = "region";
        series.Data.ValueYColumn = "TPBM";
        series.DataBind();
 
        //series.Points.Add(new XYDataPoint(1, 20, "ActiveX", false));
        //series.Points.Add(new XYDataPoint(3, 80, "Java", false));
        //series.Points.Add(new XYDataPoint(5, 60, ".NET", false));
 
        series.PEs.Clear();
        series.PEs.Add(new PaintElement(Color.Red));
 
        return series;
    }

Thanks you very much for your help.