Scatter Chart

by rahulshukla422

HTML

<script src="https://www.amcharts.com/lib/3/amcharts.js"></script>
<script src="https://www.amcharts.com/lib/3/xy.js"></script>
<script src="https://www.amcharts.com/lib/3/plugins/export/export.min.js"></script>
<link rel="stylesheet" href="https://www.amcharts.com/lib/3/plugins/export/export.css" type="text/css" media="all" />
<div id="chartdiv"></div>

CSS

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

#chartdiv {
	width		: 100%;
	height		: 500px;
	font-size	: 11px;
}

JavaScript

var chart = AmCharts.makeChart("chartdiv", {
    "type": "xy",
    "theme": "none",
    "autoMarginOffset": 20,
    "legend": {
                    "position": "right",
                    "markerSize": 7,
                    "markerLabelGap": 10,
                    "valueAlign": "right"
                },
    "dataProvider": [
    {
        "ax": 1,
        "ay": 0.5,
        "bx": 1,
        "by": 2.2,
        "exp":"exp1"
    }, {
        "ax": 2,
        "ay": 1.3,
        "bx": 2,
        "by": 4.9,
          "exp":"exp1"
    }],
    "valueAxes": [{
        "position": "bottom",
        "axisAlpha": 0,
        "dashLength": 1,
        "title": "X Axis"
    }, {
        "axisAlpha": 0,
        "dashLength": 1,
        "position": "left",
        "title": "Y-1 Axis"
    },
    {
        "axisAlpha": 0,
        "dashLength": 1,
        "offset" : 30,
        "position": "right",
        "title": "Y-2 Axis"
    }],
    "startDuration": 1,
    "graphs": [{
        "balloonText": "x:[[x]] y:[[y]]",
        "bullet": "circle",
        "lineAlpha": 0,
        "xField": "ax",
        "yField": "ay",
        "lineColor": "#FF6600",
        "fillAlphas": 0,
        "title":"exp"
    }, {
        "balloonText": "x:[[x]] y:[[y]]",
        "bullet": "circle",
        "lineAlpha": 0,
        "xField": "bx",
        "yField": "by",
        "lineColor": "#FCD202",
        "fillAlphas": 0
    }],
    "marginLeft": 64,
    "marginBottom": 60,
    "export": {
        "enabled": true,
        "position": "bottom-right"
    }
});