Your search did not match any results.

Periodic Data

API Reference
This example illustrates the visualization of periodic data. To notify the widget that data is periodic, the period option of the argumentAxis is set.
Copy to Codepen
$(function(){ $("#chart").dxPolarChart({ dataSource: dataSource, series: [{ type: "line", valueField: "val", name: "Function"}], legend: { visible: false }, commonSeriesSettings: { closed: false }, argumentAxis: { inverted: true, startAngle: 90, tickInterval: 45, period: 360 }, "export": { enabled: true }, title: "Archimedean Spiral" }); });
<!DOCTYPE html> <html xmlns=""> <head> <title>DevExtreme Demo</title> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" /> <script src="js/jquery-3.1.0.min.js"></script> <link rel="stylesheet" type="text/css" href="" /> <link rel="stylesheet" type="text/css" href="" /> <link rel="dx-theme" data-theme="generic.light" href="" /> <script src=""></script> <script src="data.js"></script> <link rel="stylesheet" type ="text/css" href ="styles.css" /> <script src="index.js"></script> </head> <body class="dx-viewport"> <div class="demo-container"> <div id="chart"></div> </div> </body> </html>
#chart { height: 440px; width: 100%; }
var dataSource = [{ arg: 0, val: 0 }, { arg: 720, val: 2 }];