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='pieChart' style="width:500px; height:300px;"></div>
<div id='barChart' style="width:500px; 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 settings = {
  title: "Months",
  description: "",
  enableAnimations: true,
  showLegend: false,
  source: dataStatCounter,
  colorScheme: 'scheme02',
  seriesGroups: [{
    type: 'pie',
    showLabels: true,
    click: clickFunc,
    series: [{
      dataField: 'Share',
      displayText: 'Month',
      labelRadius: 120,
      initialAngle: 80,
      radius: 100,
      centerOffset: 0,
      formatSettings: {
        sufix: '%',
        decimalPlaces: 1
      }
    }]
  }]
};
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'
    }]
  }]
};


$('#pieChart').jqxChart(settings);
$('#barChart').jqxChart(settings2);

function clickFunc(e) {
  var chart = $('#barChart').jqxChart('getInstance');

  switch (e.elementIndex) {
    case 0:
      chart.source = [{
         ...