jQuery Grid

Set the enablekeyboarddelete property of the jqxGrid. Author: http://jqwidgets.com

HTML

<script src="https://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<div id="button">Back</div>
<div id='pieChart' style="width:600px; height:400px;"></div>
<div id='barChart' style="width:600px; height:200px;"></div>

JavaScript

var dataStatCounter = [{
    Month: 'January',
    Share: 30
  },
  {
    Month: 'February',
    Share: 30
  },
  {
    Month: 'March',
    Share: 30
  },
  {
    Month: 'April',
    Share: 30
  },
  {
    Month: 'May',
    Share: 30
  },
  {
    Month: 'June',
    Share: 30
  },
  {
    Month: 'July',
    Share: 30
  },
  {
    Month: 'August',
    Share: 30
  },
  {
    Month: 'September',
    Share: 30
  },
  {
    Month: 'October',
    Share: 30
  },
  {
    Month: 'November',
    Share: 30
  },
  {
    Month: 'December',
    Share: 30
  }
];
var sampleData = [{
    Name: 'Bar 1',
    Data: 3000,
  },
  {
    Name: 'bar 2',
    Data: 2000,
  },
  {
    Name: 'Bar 3',
    Data: 2500,
  },
];


var settings2 = {
  title: "Sample bar chart",
  description: "",
  showLegend: false,
  enableAnimations: true,
  source: sampleData,
  xAxis: {
    dataField: 'Name',
    gridLines: {
      visible: true
    },
  },
  valueAxis: {
    flip: true,
    labels: {
      visible: true,
    }
  },
  colorScheme: 'scheme01',
  seriesGroups: [{
    type: 'column',
    orientation: 'horizontal',
    columnsGapPercent: 50,
    toolTipFormatSettings: {
      thousandsSeparator: ','
    },
    series: [{
      dataField: 'Data',
      displayText: 'Sample data'
    }]
  }]
};
$('#barChart').jqxChart(settings2);

function parentPieChart() {
  var settings = {
    title: "Months",
    description: "",
    enableAnimations: true,
    showLegend: false,
    source: dataStatCounter,
    colorScheme: 'scheme02',
    seriesGroups: [{
      type: 'pie',
      showLabels: true,
      click: drillPieChart,
      series: [{
        dataField: 'Share',
        displayText: 'Month',
        labelRadius: 120,
        initialAngle: 80,
        radius: 150,
        centerOffset: 0,
        formatFunction: function(value, itemIndex) {
          return dataStatCounter[itemIndex].Month;
        },
        formatSettings: {
          sufix: '%',
          decimalPlaces: 1
        },
       ...