Chart inside draggable element - CanvasJS

Chart inside draggable element - CanvasJS

by canvasjs

HTML

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<div id="chartContainer" class="ui-widget-content" style="width: 80%; height: 360px"></div>

JavaScript

$(function() {
    $( "#chartContainer" ).draggable();
  });

var chart = new CanvasJS.Chart("chartContainer",
	{
      axisY: {
        maximum: 100,
        minimum: 0
      },
      axisX: {
        interval: 1
      },
      data: [
      {
        type: "column",
        dataPoints: [
            { y: 12 },
            { y: 23 },
            { y: 14 },
            { y: 25 },
            { y: 36 },
            { y: 1 }
        ]
      }
      ]
    });

 chart.render();