Please Note This forum exists for community support for the Mango product family and the Radix IoT Platform. Although Radix IoT employees participate in this forum from time to time, there is no guarantee of a response to anything posted here, nor can Radix IoT, LLC guarantee the accuracy of any information expressed or conveyed. Specific project questions from customers with active support contracts are asked to send requests to support@radixiot.com.

posted in User help

We want to use following scatter chart in Mango ES , How to create the chart in dashboard , we get values of datapoints which is already in the datapoint list .
<html>
<html ng-app>
<head>
<title>My Angular App</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>
<script src="https://cdn.vaadin.com/vaadin-core-elements/latest/webcomponentsjs/webcomponents-lite.min.js"></script>
<link rel="import" href="https://cdn.vaadin.com/vaadin-charts/3.0.0/vaadin-scatter-chart.html">

<vaadin-scatter-chart id="basic-3d-scatter">
<title>Scatter Plot</title>
</head>
<body>
<chart margin="100">
<options enabled="true" alpha="10" beta="30" view-distance="0.5">
<frame>
<bottom size="2" color="rgba(0,0,0,0.02)"></bottom>
<side size="2" color="rgba(0,0,0,0.06)"></side>
</frame>
</options>
</chart>

<plot-options>
    <scatter width="20" height="20" color-by-point="true">
    </scatter>
</plot-options>

<y-axis min="0" max="10" title="null" grid-line-width="0.3">

</y-axis>

<x-axis min="0" max="10" title="null" grid-line-width="0.3">
</x-axis>

   <legend enabled="true"></legend>

<data-series name="Fan,Light">
    <data>[1, 6], [8, 7], [1, 3], [4, 6], [5, 7], [6, 9], [7, 0], [2, 3], [3, 9],
		[3, 6], [4, 9], [2, 3], [6, 9], [0, 7], [7, 7], [7, 2], [0, 6], [4, 6],
		[3, 7], [0, 1], [2, 8], [2, 3], [6, 4], [3, 5], [7, 9], [3, 1], [4, 4], 
		[3, 6], [3, 1], [6, 8], [6, 6], [4, 1], [7, 2], [7, 7], [8, 8], [9, 4],
		[8, 3], [9, 8], [3, 5], [0, 2], [6, 0], [2, 1], [5, 8], [2, 1], [9, 7], 
		[3, 0], [9, 9], [3, 4], [2, 6], [8, 9], [7, 6], [6, 3], [9, 3], [8, 9], 
		[9, 1], [3,8,], [8, 0], [4, 9], [8, 6], [4, 3], [2, 3], [9, 1], [1, 1],

[6, 0], [6, 1], [3, 8], [8, 8], [5, 5], [3, 9], [5, 4], [6, 8], [0, 1],
[6, 7], [8, 3], [3, 8], [2, 1], [4, 6], [8, 9], [5, 4], [6,1], [6, 9]

    </data>
</data-series>

</vaadin-scatter-chart>

</html>

Best posts made by vembu