How do I show two labels for each bar group using kendo-ui chart bar

See more:

jQuery

Kendo-UI

 $("#chart").kendoChart( 
   { title: { 
      text: "Distribution of roles per total number of articles (per selected levels)" 
    }, 
    chartArea: { 
         width: 800, heigth: 500,
         stack: { type: "100%" } },
         legend: { visible: true },
         seriesDefaults: { type: "column"  },
            series: [
            {
            name: "A",
                stack: "Chart",
                data: chart_Profiling//[76067, 0, 0]

            },
             {
                 name: "B",
                 stack: "Chart",
                 data: chart_Compulsory//[14183, 0, 0]

             },
             {
                 name: "C",
                 stack: "Chart",
                 data: chart_Complement//[1197, 465606, 6567]

             },
              {
                  name: "",
                  visibleInLegend: false,
                  stack: "Chart1",
                  data: chart_Profiling_1//[76067, 0, 0]

              },
             {
                 name: "",
                 visibleInLegend: false,
                 stack: "Chart1",
                 data: chart_Compulsory_1 //[14183, 0, 0]

             },
             {
                 name: "",
                 visibleInLegend: false,
                 stack: "Chart1",
                 data: chart_Complement_1//[1197, 465606, 6567]

             },

        ],
        seriesColors: ["rgb(214,186,114)", "rgb(197,200,203)", 
        "rgb(170,115,80)"],

        valueAxis: {
            //majorUnit: (max7 / 10),
            //max: (max7 + (max7 / 6)),
            max: max7 ,
            min: 0,
            labels: {
                template: "#= kendo.format('{0:N0}', value ) # "
            },
            line: {
                visible: true
            }
        },
        categoryAxis: {
            categories: [Category1,Category2,Category3,Category4],
            majorGridLines: {
                visible: true
            },
            labels: {
                rotation: -45
            }
        },
        tooltip: {
            visible: true,
            template: "#= series.name #: #= value #"
        }, pannable: {
            // lock: "y"
        },
        zoomable: {
            mousewheel: {
                // lock: "y"
            },
            selection: {
                // lock: "y"
            }
        }
    });

}

What I have tried:

I have tried to show two labels in for each chart group using kendo-ui controls and also using above code.But didn't come up with solution.

How i get using above code,please refer MyChart.png:-

MyChart.png - Google Drive[^]


In this manner i want to display,please find screenshot:-

Stack Bar.png - Google Drive[^]