Sharing Axis Bar graph [Solved]


#1

Hi,

I want to put 2 different kinds of data in one bar graph. I want to have the bars next to each other. The image is an example of what I mean.

Knipsel

Maybe some of you know how to do this?

This is my code now.

`
<chart:RadCartesianChart class=“m-t-5” height=“500”>
chart:RadCartesianChart.series
<chart:BarSeries
seriesName =“test"
items=”{{ sleepData }}"
categoryProperty="day"
valueProperty="hours"
showLabels=“true”>

      <chart:BarSeries.horizontalAxis>
        <chart:CategoricalAxis labelFitMode="Rotate" labelTextColor="#2699FB" lineHidden="true" />
        </chart:BarSeries.horizontalAxis>
        <chart:BarSeries.verticalAxis>
        <chart:LinearAxis  labelTextColor="#2699FB" lineThickness="1" lineHidden="true" />
    </chart:BarSeries.verticalAxis>
    </chart:BarSeries>
    <chart:BarSeries
        seriesName ="test"
        items="{{ sleepData }}"
        categoryProperty="day"
        valueProperty="hours"
        showLabels="true">
        
      <chart:BarSeries.horizontalAxis>
        <chart:CategoricalAxis labelFitMode="Rotate" labelTextColor="#2699FB" lineHidden="true" />
        </chart:BarSeries.horizontalAxis>
        <chart:BarSeries.verticalAxis>
        <chart:LinearAxis  labelTextColor="#2699FB" lineThickness="1" lineHidden="true" />
    </chart:BarSeries.verticalAxis>
    </chart:BarSeries>
  </chart:RadCartesianChart.series>
</chart:RadCartesianChart>`

Already Thanks for your help!


#2

I found the solution, if you “stackMode=“Stack”” in de bar series you can stack data in a graph.