<!DOCTYPE HTML>
<html><head>
<meta content = "text/html; charset=UTF-8" http-equiv = "content-type">
<script src="http://d3js.org/d3.v5.min.js"></script>
<script src="http://dimplejs.org/dist/dimple.v2.3.0.min.js"></script>
</head><body><script type="text/javascript">
var svg = dimple.newSvg("body", "100%", 910);
var data = [
{ "DateTime":"2020-09-01T11:20:56", "pressure":752},
{ "DateTime":"2020-09-01T11:21:00", "pressure":752},
{ "DateTime":"2020-09-01T11:22:00", "pressure":752},
{ "DateTime":"2020-09-01T11:23:00", "pressure":752},
{ "DateTime":"2020-09-01T11:28:00", "pressure":752},
{ "DateTime":"2020-09-01T11:29:00", "pressure":752},
{ "DateTime":"2020-09-01T11:30:00", "pressure":752},
{ "DateTime":"2020-09-01T11:31:00", "pressure":752},
{ "DateTime":"2020-09-01T11:32:00", "pressure":752},
{ "DateTime":"2020-09-01T11:33:00", "pressure":752},
{ "DateTime":"2020-09-01T11:34:00", "pressure":752},
{ "DateTime":"2020-09-01T11:35:00", "pressure":752},
{ "DateTime":"2020-09-01T11:36:00", "pressure":752},
{ "DateTime":"2020-09-01T11:37:00", "pressure":752},
{ "DateTime":"2020-01-01T00:00:00", "pressure":0}
];
var myChart = new dimple.chart(svg, data);
myChart.setBounds(70, 30, "95%", 600);
var x = myChart.addCategoryAxis("x", "DateTime");
var y = myChart.addMeasureAxis("y", "pressure");
x.showGridlines = true;
x.fontSize = "auto";
x.title = "Дата/Время";
y.overrideMin = 700;
y.overrideMax = 800;
y.fontSize = "auto";
y.title = "Давление в мм рт.ст.";
myChart.addSeries(null, dimple.plot.line);
myChart.draw();
</script></body>
