Sorting Stacked Column Chart - CanvasJS JavaScript Charts

Sorting Stacked Column Chart - CanvasJS JavaScript Charts

by canvasjs

HTML

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<br/><!-- Just so that JSFiddle's Result label doesn't overlap the Chart -->
<div id="chartContainer" style="height: 360px; width: 100%;"></div>

JavaScript

var chart = new CanvasJS.Chart("chartContainer", {
            animationEnabled: true,
            exportEnabled: true,
            theme: "light2",
            title: {
                text: 'Total Members are 3876'
            },
            axisY: {
                title: "total members in number",
            },
            toolTip: {
                shared: true
            },
            axisX: {
                labelAngle: -45,
                labelFontSize: 12,
                interval: 1
            },
            data: [{"type":"stackedColumn","showInLegend":true,"yValueFormatString":"","connectNullData":true,"toolTipContent":"<span style='\"'color: {color};'\"'>{name}<\/span>, {y} (#percent%)","percentFormatString":"0","dataPoints":[{"label":"Cashback.nl","y":23},{"label":"Cashbackkorting.nl","y":242},{"label":"Enqueteclub.nl","y":230},{"label":"Gekkengoud.nl","y":2},{"label":"LadyCashback.nl","y":119},{"label":"Myflavours.nl","y":16},{"label":"NuCash.nl","y":287},{"label":"ShopBuddies.nl","y":16},{"label":"Studentencashback.nl","y":1},{"label":"iPay.nl","y":601}],"name":"Mon"},{"type":"stackedColumn","showInLegend":true,"yValueFormatString":"","connectNullData":true,"toolTipContent":"<span style='\"'color: {color};'\"'>{name}<\/span>, {y} (#percent%)","percentFormatString":"0","dataPoints":[{"label":"Cashback.nl","y":19},{"label":"Cashbackkorting.nl","y":83},{"label":"Enqueteclub.nl","y":63},{"label":"Gekkengoud.nl","y":1},{"label":"LadyCashback.nl","y":28},{"label":"Myflavours.nl","y":8},{"label":"NuCash.nl","y":84},{"label":"ShopBuddies.nl","y":24},{"label":"Studentencashback.nl","y":2},{"label":"iPay.nl","y":157}],"name":"Tue"},{"type":"stackedColumn","showInLegend":true,"yValueFormatString":"","connectNullData":true,"toolTipContent":"<span style='\"'color: {color};'\"'>{name}<\/span>, {y}...