Half a year of daily values, July 2025 to January 2026. The dates come in as plain text, like 2025-07-27, and the chart turns them into a real timeline.
Data often arrives with dates as text, from a spreadsheet, a CSV file or an API. Instead of converting them yourself, you tell the chart the format once, here year-month-day, and it does the rest, month lengths and leap years included.
Built with amCharts 5, a JavaScript library. The JavaScript includes your theme and renderer (canvas or SVG); the JSON also follows the changes you make with the controls.
npm install @amcharts/amcharts5. See Getting started.
The same chart as a JSON config. Chart Maker reads and writes this format, the library's JSON parser turns it into a chart, and the <am5-chart> element puts it on a page with no code."type" is the class to create and "settings" what you would pass to its new() in code; "properties" fill in its parts, lists such as series and axes or templates such as columns.template; "refs" holds objects used in more than one place ("#series-0" stands for the one named series-0); a string starting with "@" takes a value from another object, such as "@series.get('fill')".
A complete page. Save it as an .html file and open it in a browser.
Paste this into an AI coding assistant to build the chart from scratch. More in amCharts & AI.
// Create root element
// https://www.amcharts.com/docs/v5/getting-started/#Root_element
var root = am5.Root.new("chartdiv");
// Set themes
// https://www.amcharts.com/docs/v5/concepts/themes/
root.setThemes([
am5themes_Animated.new(root),
am5themes_Responsive.new(root)
]);
var data = [{
"date": "2025-07-27",
"value": 13
}, {
"date": "2025-07-28",
"value": 11
}, {
"date": "2025-07-29",
"value": 15
}, {
"date": "2025-07-30",
"value": 16
}, {
"date": "2025-07-31",
"value": 18
}, {
"date": "2025-08-01",
"value": 13
}, {
"date": "2025-08-02",
"value": 22
}, {
"date": "2025-08-03",
"value": 23
}, {
"date": "2025-08-04",
"value": 20
}, {
"date": "2025-08-05",
"value": 17
}, {
"date": "2025-08-06",
"value": 16
}, {
"date": "2025-08-07",
"value": 18
}, {
"date": "2025-08-08",
"value": 21
}, {
"date": "2025-08-09",
"value": 26
}, {
"date": "2025-08-10",
"value": 24
}, {
"date": "2025-08-11",
"value": 29
}, {
"date": "2025-08-12",
"value": 32
}, {
"date": "2025-08-13",
"value": 18
}, {
"date": "2025-08-14",
"value": 24
}, {
"date": "2025-08-15",
"value": 22
}, {
"date": "2025-08-16",
"value": 18
}, {
"date": "2025-08-17",
"value": 19
}, {
"date": "2025-08-18",
"value": 14
}, {
"date": "2025-08-19",
"value": 15
}, {
"date": "2025-08-20",
"value": 12
}, {
"date": "2025-08-21",
"value": 8
}, {
"date": "2025-08-22",
"value": 9
}, {
"date": "2025-08-23",
"value": 8
}, {
"date": "2025-08-24",
"value": 7
}, {
"date": "2025-08-25",
"value": 5
}, {
"date": "2025-08-26",
"value": 11
}, {
"date": "2025-08-27",
"value": 13
}, {
"date": "2025-08-28",
"value": 18
}, {
"date": "2025-08-29",
"value": 20
}, {
"date": "2025-08-30",
"value": 29
}, {
"date": "2025-08-31",
"value": 33
}, {
"date": "2025-09-01",
"value": 42
}, {
"date": "2025-09-02",
"value": 35
}, {
"date": "2025-09-03",
"value": 31
}, {
"date": "2025-09-04",
"value": 47
}, {
"date": "2025-09-05",
"value": 52
}, {
"date": "2025-09-06",
"value": 46
}, {
"date": "2025-09-07",
"value": 41
}, {
"date": "2025-09-08",
"value": 43
}, {
"date": "2025-09-09",
"value": 40
}, {
"date": "2025-09-10",
"value": 39
}, {
"date": "2025-09-11",
"value": 34
}, {
"date": "2025-09-12",
"value": 29
}, {
"date": "2025-09-13",
"value": 34
}, {
"date": "2025-09-14",
"value": 37
}, {
"date": "2025-09-15",
"value": 42
}, {
"date": "2025-09-16",
"value": 49
}, {
"date": "2025-09-17",
"value": 46
}, {
"date": "2025-09-18",
"value": 47
}, {
"date": "2025-09-19",
"value": 55
}, {
"date": "2025-09-20",
"value": 59
}, {
"date": "2025-09-21",
"value": 58
}, {
"date": "2025-09-22",
"value": 57
}, {
"date": "2025-09-23",
"value": 61
}, {
"date": "2025-09-24",
"value": 59
}, {
"date": "2025-09-25",
"value": 67
}, {
"date": "2025-09-26",
"value": 65
}, {
"date": "2025-09-27",
"value": 61
}, {
"date": "2025-09-28",
"value": 66
}, {
"date": "2025-09-29",
"value": 69
}, {
"date": "2025-09-30",
"value": 71
}, {
"date": "2025-10-01",
"value": 67
}, {
"date": "2025-10-02",
"value": 63
}, {
"date": "2025-10-03",
"value": 46
}, {
"date": "2025-10-04",
"value": 32
}, {
"date": "2025-10-05",
"value": 21
}, {
"date": "2025-10-06",
"value": 18
}, {
"date": "2025-10-07",
"value": 21
}, {
"date": "2025-10-08",
"value": 28
}, {
"date": "2025-10-09",
"value": 27
}, {
"date": "2025-10-10",
"value": 36
}, {
"date": "2025-10-11",
"value": 33
}, {
"date": "2025-10-12",
"value": 31
}, {
"date": "2025-10-13",
"value": 30
}, {
"date": "2025-10-14",
"value": 34
}, {
"date": "2025-10-15",
"value": 38
}, {
"date": "2025-10-16",
"value": 37
}, {
"date": "2025-10-17",
"value": 44
}, {
"date": "2025-10-18",
"value": 49
}, {
"date": "2025-10-19",
"value": 53
}, {
"date": "2025-10-20",
"value": 57
}, {
"date": "2025-10-21",
"value": 60
}, {
"date": "2025-10-22",
"value": 61
}, {
"date": "2025-10-23",
"value": 69
}, {
"date": "2025-10-24",
"value": 67
}, {
"date": "2025-10-25",
"value": 72
}, {
"date": "2025-10-26",
"value": 77
}, {
"date": "2025-10-27",
"value": 75
}, {
"date": "2025-10-28",
"value": 70
}, {
"date": "2025-10-29",
"value": 72
}, {
"date": "2025-10-30",
"value": 70
}, {
"date": "2025-10-31",
"value": 72
}, {
"date": "2025-11-01",
"value": 73
}, {
"date": "2025-11-02",
"value": 67
}, {
"date": "2025-11-03",
"value": 68
}, {
"date": "2025-11-04",
"value": 65
}, {
"date": "2025-11-05",
"value": 71
}, {
"date": "2025-11-06",
"value": 75
}, {
"date": "2025-11-07",
"value": 74
}, {
"date": "2025-11-08",
"value": 71
}, {
"date": "2025-11-09",
"value": 76
}, {
"date": "2025-11-10",
"value": 77
}, {
"date": "2025-11-11",
"value": 81
}, {
"date": "2025-11-12",
"value": 83
}, {
"date": "2025-11-13",
"value": 80
}, {
"date": "2025-11-14",
"value": 81
}, {
"date": "2025-11-15",
"value": 87
}, {
"date": "2025-11-16",
"value": 82
}, {
"date": "2025-11-17",
"value": 86
}, {
"date": "2025-11-18",
"value": 80
}, {
"date": "2025-11-19",
"value": 87
}, {
"date": "2025-11-20",
"value": 83
}, {
"date": "2025-11-21",
"value": 85
}, {
"date": "2025-11-22",
"value": 84
}, {
"date": "2025-11-23",
"value": 82
}, {
"date": "2025-11-24",
"value": 73
}, {
"date": "2025-11-25",
"value": 71
}, {
"date": "2025-11-26",
"value": 75
}, {
"date": "2025-11-27",
"value": 79
}, {
"date": "2025-11-28",
"value": 70
}, {
"date": "2025-11-29",
"value": 73
}, {
"date": "2025-11-30",
"value": 61
}, {
"date": "2025-12-01",
"value": 62
}, {
"date": "2025-12-02",
"value": 66
}, {
"date": "2025-12-03",
"value": 65
}, {
"date": "2025-12-04",
"value": 73
}, {
"date": "2025-12-05",
"value": 79
}, {
"date": "2025-12-06",
"value": 78
}, {
"date": "2025-12-07",
"value": 78
}, {
"date": "2025-12-08",
"value": 78
}, {
"date": "2025-12-09",
"value": 74
}, {
"date": "2025-12-10",
"value": 73
}, {
"date": "2025-12-11",
"value": 75
}, {
"date": "2025-12-12",
"value": 70
}, {
"date": "2025-12-13",
"value": 77
}, {
"date": "2025-12-14",
"value": 67
}, {
"date": "2025-12-15",
"value": 62
}, {
"date": "2025-12-16",
"value": 64
}, {
"date": "2025-12-17",
"value": 61
}, {
"date": "2025-12-18",
"value": 59
}, {
"date": "2025-12-19",
"value": 53
}, {
"date": "2025-12-20",
"value": 54
}, {
"date": "2025-12-21",
"value": 56
}, {
"date": "2025-12-22",
"value": 59
}, {
"date": "2025-12-23",
"value": 58
}, {
"date": "2025-12-24",
"value": 55
}, {
"date": "2025-12-25",
"value": 52
}, {
"date": "2025-12-26",
"value": 54
}, {
"date": "2025-12-27",
"value": 50
}, {
"date": "2025-12-28",
"value": 50
}, {
"date": "2025-12-29",
"value": 51
}, {
"date": "2025-12-30",
"value": 52
}, {
"date": "2025-12-31",
"value": 58
}, {
"date": "2026-01-01",
"value": 60
}, {
"date": "2026-01-02",
"value": 67
}, {
"date": "2026-01-03",
"value": 64
}, {
"date": "2026-01-04",
"value": 66
}, {
"date": "2026-01-05",
"value": 60
}, {
"date": "2026-01-06",
"value": 63
}, {
"date": "2026-01-07",
"value": 61
}, {
"date": "2026-01-08",
"value": 60
}, {
"date": "2026-01-09",
"value": 65
}, {
"date": "2026-01-10",
"value": 75
}, {
"date": "2026-01-11",
"value": 77
}, {
"date": "2026-01-12",
"value": 78
}, {
"date": "2026-01-13",
"value": 70
}, {
"date": "2026-01-14",
"value": 70
}, {
"date": "2026-01-15",
"value": 73
}, {
"date": "2026-01-16",
"value": 71
}, {
"date": "2026-01-17",
"value": 74
}, {
"date": "2026-01-18",
"value": 78
}, {
"date": "2026-01-19",
"value": 85
}, {
"date": "2026-01-20",
"value": 82
}, {
"date": "2026-01-21",
"value": 83
}, {
"date": "2026-01-22",
"value": 88
}, {
"date": "2026-01-23",
"value": 85
}, {
"date": "2026-01-24",
"value": 85
}, {
"date": "2026-01-25",
"value": 80
}, {
"date": "2026-01-26",
"value": 87
}, {
"date": "2026-01-27",
"value": 84
}, {
"date": "2026-01-28",
"value": 83
}, {
"date": "2026-01-29",
"value": 84
}, {
"date": "2026-01-30",
"value": 81
}];
// Create chart
// https://www.amcharts.com/docs/v5/charts/xy-chart/
var chart = root.container.children.push(am5xy.XYChart.new(root, {
focusable: true, // the chart can take keyboard focus, for keyboard users
panX: true, // drag the plot sideways to pan...
panY: true, // ...or up and down
wheelX: "panX", // a horizontal wheel or trackpad swipe pans
wheelY: "zoomX", // the vertical wheel zooms in on the dates
pinchZoomX:true, // pinch to zoom on touch screens
paddingLeft: 0 // the value labels sit at the chart's left edge
}));
// Create axes
// https://www.amcharts.com/docs/v5/charts/xy-chart/axes/
var xAxis = chart.xAxes.push(am5xy.DateAxis.new(root, {
maxDeviation: 0.1, // pan up to 10% of the visible range past the first and last day
groupData: false, // every day is drawn, also when zoomed out
baseInterval: { // one point per day
timeUnit: "day",
count: 1
},
renderer: am5xy.AxisRendererX.new(root, {
minorGridEnabled: true, // fainter grid lines between the labeled dates
minGridDistance: 70 // at least 70px between labels; on narrow screens some are skipped
}),
tooltip: am5.Tooltip.new(root, {}) // the cursor shows the date on the axis
}));
var yAxis = chart.yAxes.push(am5xy.ValueAxis.new(root, {
maxDeviation: 0.2, // the values can be panned 20% past their range too
renderer: am5xy.AxisRendererY.new(root, {})
}));
// Add series
// https://www.amcharts.com/docs/v5/charts/xy-chart/series/
var series = chart.series.push(am5xy.LineSeries.new(root, {
// bullets show only while the points are at least 10px apart
minBulletDistance: 10,
xAxis: xAxis,
yAxis: yAxis,
valueYField: "value",
valueXField: "date",
tooltip: am5.Tooltip.new(root, {
pointerOrientation: "horizontal", // the tooltip points sideways at the line
labelText: "{valueY}" // the hovered day's value
})
}));
series.fills.template.setAll({
fillOpacity: 0.2, // a faint fill under the line...
visible: true // ...which line series hide by default
});
series.strokes.template.setAll({
strokeWidth: 2 // a 2px line
});
// Set up data processor to parse string dates
// https://www.amcharts.com/docs/v5/concepts/data/#Pre_processing_data
series.data.processor = am5.DataProcessor.new(root, {
dateFormat: "yyyy-MM-dd", // the dates are strings like "2026-01-30"...
dateFields: ["date"] // ...in the date field
});
series.data.setAll(data);
series.bullets.push(function() {
var circle = am5.Circle.new(root, {
radius: 4, // 4px dots...
fill: root.interfaceColors.get("background"), // ...filled with the background color...
stroke: series.get("fill"), // ...and outlined in the series color...
strokeWidth: 2 // ...2px wide
})
return am5.Bullet.new(root, {
sprite: circle
})
});
// Add cursor
// https://www.amcharts.com/docs/v5/charts/xy-chart/cursor/
var cursor = chart.set("cursor", am5xy.XYCursor.new(root, {
xAxis: xAxis, // the cursor snaps to whole days
// dragging across the plot pans the chart instead of zooming it
behavior: "none"
}));
cursor.lineY.set("visible", false); // no horizontal cursor line, only the vertical one
// add scrollbar
chart.set("scrollbarX", am5.Scrollbar.new(root, {
orientation: "horizontal" // drag its grips to zoom in on a range of dates
}));
// Make stuff animate on load
// https://www.amcharts.com/docs/v5/concepts/animations/
chart.appear(1000, 100);
{
"type": "XYChart",
"settings": {
"focusable": true,
"panX": true,
"panY": true,
"wheelX": "panX",
"wheelY": "zoomX",
"pinchZoomX": true,
"paddingLeft": 0,
"cursor": {
"type": "XYCursor",
"settings": {
"xAxis": "#axis-0",
"behavior": "none"
},
"properties": {
"lineY": {
"settings": {
"visible": false
}
}
}
},
"scrollbarX": {
"type": "Scrollbar",
"settings": {
"orientation": "horizontal"
}
}
},
"properties": {
"series": [
"#series-0"
],
"xAxes": [
"#axis-0"
],
"yAxes": [
"#axis-1"
]
},
"refs": [
{
"data-0": [
{
"date": 1753563600000,
"value": 13
},
{
"date": 1753650000000,
"value": 11
},
{
"date": 1753736400000,
"value": 15
},
{
"date": 1753822800000,
"value": 16
},
{
"date": 1753909200000,
"value": 18
},
{
"date": 1753995600000,
"value": 13
},
{
"date": 1754082000000,
"value": 22
},
{
"date": 1754168400000,
"value": 23
},
{
"date": 1754254800000,
"value": 20
},
{
"date": 1754341200000,
"value": 17
},
{
"date": 1754427600000,
"value": 16
},
{
"date": 1754514000000,
"value": 18
},
{
"date": 1754600400000,
"value": 21
},
{
"date": 1754686800000,
"value": 26
},
{
"date": 1754773200000,
"value": 24
},
{
"date": 1754859600000,
"value": 29
},
{
"date": 1754946000000,
"value": 32
},
{
"date": 1755032400000,
"value": 18
},
{
"date": 1755118800000,
"value": 24
},
{
"date": 1755205200000,
"value": 22
},
{
"date": 1755291600000,
"value": 18
},
{
"date": 1755378000000,
"value": 19
},
{
"date": 1755464400000,
"value": 14
},
{
"date": 1755550800000,
"value": 15
},
{
"date": 1755637200000,
"value": 12
},
{
"date": 1755723600000,
"value": 8
},
{
"date": 1755810000000,
"value": 9
},
{
"date": 1755896400000,
"value": 8
},
{
"date": 1755982800000,
"value": 7
},
{
"date": 1756069200000,
"value": 5
},
{
"date": 1756155600000,
"value": 11
},
{
"date": 1756242000000,
"value": 13
},
{
"date": 1756328400000,
"value": 18
},
{
"date": 1756414800000,
"value": 20
},
{
"date": 1756501200000,
"value": 29
},
{
"date": 1756587600000,
"value": 33
},
{
"date": 1756674000000,
"value": 42
},
{
"date": 1756760400000,
"value": 35
},
{
"date": 1756846800000,
"value": 31
},
{
"date": 1756933200000,
"value": 47
},
{
"date": 1757019600000,
"value": 52
},
{
"date": 1757106000000,
"value": 46
},
{
"date": 1757192400000,
"value": 41
},
{
"date": 1757278800000,
"value": 43
},
{
"date": 1757365200000,
"value": 40
},
{
"date": 1757451600000,
"value": 39
},
{
"date": 1757538000000,
"value": 34
},
{
"date": 1757624400000,
"value": 29
},
{
"date": 1757710800000,
"value": 34
},
{
"date": 1757797200000,
"value": 37
},
{
"date": 1757883600000,
"value": 42
},
{
"date": 1757970000000,
"value": 49
},
{
"date": 1758056400000,
"value": 46
},
{
"date": 1758142800000,
"value": 47
},
{
"date": 1758229200000,
"value": 55
},
{
"date": 1758315600000,
"value": 59
},
{
"date": 1758402000000,
"value": 58
},
{
"date": 1758488400000,
"value": 57
},
{
"date": 1758574800000,
"value": 61
},
{
"date": 1758661200000,
"value": 59
},
{
"date": 1758747600000,
"value": 67
},
{
"date": 1758834000000,
"value": 65
},
{
"date": 1758920400000,
"value": 61
},
{
"date": 1759006800000,
"value": 66
},
{
"date": 1759093200000,
"value": 69
},
{
"date": 1759179600000,
"value": 71
},
{
"date": 1759266000000,
"value": 67
},
{
"date": 1759352400000,
"value": 63
},
{
"date": 1759438800000,
"value": 46
},
{
"date": 1759525200000,
"value": 32
},
{
"date": 1759611600000,
"value": 21
},
{
"date": 1759698000000,
"value": 18
},
{
"date": 1759784400000,
"value": 21
},
{
"date": 1759870800000,
"value": 28
},
{
"date": 1759957200000,
"value": 27
},
{
"date": 1760043600000,
"value": 36
},
{
"date": 1760130000000,
"value": 33
},
{
"date": 1760216400000,
"value": 31
},
{
"date": 1760302800000,
"value": 30
},
{
"date": 1760389200000,
"value": 34
},
{
"date": 1760475600000,
"value": 38
},
{
"date": 1760562000000,
"value": 37
},
{
"date": 1760648400000,
"value": 44
},
{
"date": 1760734800000,
"value": 49
},
{
"date": 1760821200000,
"value": 53
},
{
"date": 1760907600000,
"value": 57
},
{
"date": 1760994000000,
"value": 60
},
{
"date": 1761080400000,
"value": 61
},
{
"date": 1761166800000,
"value": 69
},
{
"date": 1761253200000,
"value": 67
},
{
"date": 1761339600000,
"value": 72
},
{
"date": 1761426000000,
"value": 77
},
{
"date": 1761516000000,
"value": 75
},
{
"date": 1761602400000,
"value": 70
},
{
"date": 1761688800000,
"value": 72
},
{
"date": 1761775200000,
"value": 70
},
{
"date": 1761861600000,
"value": 72
},
{
"date": 1761948000000,
"value": 73
},
{
"date": 1762034400000,
"value": 67
},
{
"date": 1762120800000,
"value": 68
},
{
"date": 1762207200000,
"value": 65
},
{
"date": 1762293600000,
"value": 71
},
{
"date": 1762380000000,
"value": 75
},
{
"date": 1762466400000,
"value": 74
},
{
"date": 1762552800000,
"value": 71
},
{
"date": 1762639200000,
"value": 76
},
{
"date": 1762725600000,
"value": 77
},
{
"date": 1762812000000,
"value": 81
},
{
"date": 1762898400000,
"value": 83
},
{
"date": 1762984800000,
"value": 80
},
{
"date": 1763071200000,
"value": 81
},
{
"date": 1763157600000,
"value": 87
},
{
"date": 1763244000000,
"value": 82
},
{
"date": 1763330400000,
"value": 86
},
{
"date": 1763416800000,
"value": 80
},
{
"date": 1763503200000,
"value": 87
},
{
"date": 1763589600000,
"value": 83
},
{
"date": 1763676000000,
"value": 85
},
{
"date": 1763762400000,
"value": 84
},
{
"date": 1763848800000,
"value": 82
},
{
"date": 1763935200000,
"value": 73
},
{
"date": 1764021600000,
"value": 71
},
{
"date": 1764108000000,
"value": 75
},
{
"date": 1764194400000,
"value": 79
},
{
"date": 1764280800000,
"value": 70
},
{
"date": 1764367200000,
"value": 73
},
{
"date": 1764453600000,
"value": 61
},
{
"date": 1764540000000,
"value": 62
},
{
"date": 1764626400000,
"value": 66
},
{
"date": 1764712800000,
"value": 65
},
{
"date": 1764799200000,
"value": 73
},
{
"date": 1764885600000,
"value": 79
},
{
"date": 1764972000000,
"value": 78
},
{
"date": 1765058400000,
"value": 78
},
{
"date": 1765144800000,
"value": 78
},
{
"date": 1765231200000,
"value": 74
},
{
"date": 1765317600000,
"value": 73
},
{
"date": 1765404000000,
"value": 75
},
{
"date": 1765490400000,
"value": 70
},
{
"date": 1765576800000,
"value": 77
},
{
"date": 1765663200000,
"value": 67
},
{
"date": 1765749600000,
"value": 62
},
{
"date": 1765836000000,
"value": 64
},
{
"date": 1765922400000,
"value": 61
},
{
"date": 1766008800000,
"value": 59
},
{
"date": 1766095200000,
"value": 53
},
{
"date": 1766181600000,
"value": 54
},
{
"date": 1766268000000,
"value": 56
},
{
"date": 1766354400000,
"value": 59
},
{
"date": 1766440800000,
"value": 58
},
{
"date": 1766527200000,
"value": 55
},
{
"date": 1766613600000,
"value": 52
},
{
"date": 1766700000000,
"value": 54
},
{
"date": 1766786400000,
"value": 50
},
{
"date": 1766872800000,
"value": 50
},
{
"date": 1766959200000,
"value": 51
},
{
"date": 1767045600000,
"value": 52
},
{
"date": 1767132000000,
"value": 58
},
{
"date": 1767218400000,
"value": 60
},
{
"date": 1767304800000,
"value": 67
},
{
"date": 1767391200000,
"value": 64
},
{
"date": 1767477600000,
"value": 66
},
{
"date": 1767564000000,
"value": 60
},
{
"date": 1767650400000,
"value": 63
},
{
"date": 1767736800000,
"value": 61
},
{
"date": 1767823200000,
"value": 60
},
{
"date": 1767909600000,
"value": 65
},
{
"date": 1767996000000,
"value": 75
},
{
"date": 1768082400000,
"value": 77
},
{
"date": 1768168800000,
"value": 78
},
{
"date": 1768255200000,
"value": 70
},
{
"date": 1768341600000,
"value": 70
},
{
"date": 1768428000000,
"value": 73
},
{
"date": 1768514400000,
"value": 71
},
{
"date": 1768600800000,
"value": 74
},
{
"date": 1768687200000,
"value": 78
},
{
"date": 1768773600000,
"value": 85
},
{
"date": 1768860000000,
"value": 82
},
{
"date": 1768946400000,
"value": 83
},
{
"date": 1769032800000,
"value": 88
},
{
"date": 1769119200000,
"value": 85
},
{
"date": 1769205600000,
"value": 85
},
{
"date": 1769292000000,
"value": 80
},
{
"date": 1769378400000,
"value": 87
},
{
"date": 1769464800000,
"value": 84
},
{
"date": 1769551200000,
"value": 83
},
{
"date": 1769637600000,
"value": 84
},
{
"date": 1769724000000,
"value": 81
}
]
},
{
"axis-0": {
"type": "DateAxis",
"settings": {
"maxDeviation": 0.1,
"groupData": false,
"baseInterval": {
"timeUnit": "day",
"count": 1
},
"renderer": {
"type": "AxisRendererX",
"settings": {
"minorGridEnabled": true,
"minGridDistance": 70
}
},
"tooltip": {
"type": "Tooltip"
}
}
}
},
{
"axis-1": {
"type": "ValueAxis",
"settings": {
"maxDeviation": 0.2,
"renderer": {
"type": "AxisRendererY"
}
}
}
},
{
"series-0": {
"type": "LineSeries",
"settings": {
"minBulletDistance": 10,
"xAxis": "#axis-0",
"yAxis": "#axis-1",
"valueYField": "value",
"valueXField": "date",
"tooltip": {
"type": "Tooltip",
"settings": {
"pointerOrientation": "horizontal",
"labelText": "{valueY}"
}
}
},
"properties": {
"data": "#data-0",
"strokes": {
"properties": {
"template": {
"settings": {
"strokeWidth": 2
}
}
}
},
"fills": {
"properties": {
"template": {
"settings": {
"fillOpacity": 0.2,
"visible": true
}
}
}
},
"bullets": [
{
"type": "Bullet",
"settings": {
"sprite": {
"type": "Circle",
"settings": {
"radius": 4,
"fill": "@root.interfaceColors.get('background')",
"stroke": "@series.get('stroke')",
"strokeWidth": 2
}
}
}
}
]
}
}
}
]
}