Zoomable time series

Two years of daily traffic with x zoom, toolbar and a gradient area under the line.

Chart type
Area area
Tier
Free Core
Collection
Line
Render
Live, site theme
View .md Agent setup
LIVE/line/zoomable-timeseries3 of 14 in Line

Configuration

Shortened here · 24 kB in full Raw Standalone
const options = {
  chart: {
    height: 380,
    fontFamily: "Inter, Geist, \"IBM Plex Sans\", system-ui, sans-serif",
    type: "area",
    zoom: {
      enabled: true,
      type: "x"
    },
    toolbar: {
      show: true
    }
  },
  series: [
    {
      name: "Visits",
      data: [
        [1767571200000, 51174],
        [1767657600000, 52397],
        [1767744000000, 53083],
        [1767830400000, 52128],
        [1767916800000, 52728],
        [1768003200000, 51830],
        [1768089600000, 50849],
        [1768176000000, 50307],
        [1768262400000, 49170],
        [1768348800000, 50195],
        [1768435200000, 51402],
        [1768521600000, 52348],
        [1768608000000, 53022],
        [1768694400000, 53159],
        [1768780800000, 54084],
        [1768867200000, 53775],
        [1768953600000, 54425],
        [1769040000000, 54735],
        [1769126400000, 54702],
        [1769212800000, 55321],
        [1769299200000, 56472],
        [1769385600000, 57396],
        [1769472000000, 57814],
        [1769558400000, 57513],
        [1769644800000, 57509],
        [1769731200000, 57092],
        [1769817600000, 56827],
        [1769904000000, 56682],
        [1769990400000, 56345],
        [1770076800000, 56221],
        [1770163200000, 55636],
        [1770249600000, 55652],
        [1770336000000, 56349],
        [1770422400000, 56745],
        [1770508800000, 55639],
        [1770595200000, 54748],
        [1770681600000, 55453],
        [1770768000000, 54655],
        [1770854400000, 53720],
        [1770940800000, 53015],
        [1771027200000, 52339],
        [1771113600000, 53286],
        [1771200000000, 52567],
        [1771286400000, 53804],
        [1771372800000, 53727],
        [1771459200000, 52750],
        [1771545600000, 51655],
        [1771632000000, 50706],
        [1771718400000, 49625],
        [1771804800000, 49590],
        [1771891200000, 48650],
        [1771977600000, 49704],
        [1772064000000, 50357],
        [1772150400000, 49351],
        [1772236800000, 49918],
        [1772323200000, 49299],
        [1772409600000, 48677],
        [1772496000000, 48087],
        [1772582400000, 47130],
        [1772668800000, 48300],
        [1772755200000, 48009],
        [1772841600000, 49005],
        [1772928000000, 50245],
        [1773014400000, 50582],
        [1773100800000, 49751],
        [1773187200000, 49128],
        [1773273600000, 49173],
        [1773360000000, 49303],
        [1773446400000, 50303],
        [1773532800000, 51118],
        [1773619200000, 50337],
        [1773705600000, 49881],
        [1773792000000, 49455],
        [1773878400000, 50411],
        [1773964800000, 50709],
        [1774051200000, 50404],
        [1774137600000, 50983],
        [1774224000000, 50417],
        [1774310400000, 50903],
        [1774396800000, 50292],
        [1774483200000, 49872],
        [1774569600000, 49257],
        [1774656000000, 49905],
        [1774742400000, 48855],
        [1774828800000, 49808],
        [1774915200000, 50709],
        [1775001600000, 50925],
        [1775088000000, 50032],
        [1775174400000, 50837],
        [1775260800000, 50724],
        [1775347200000, 51351],
        [1775433600000, 51840],
        [1775520000000, 51207],
        [1775606400000, 52318],
        [1775692800000, 52699],
        [1775779200000, 53830],
        [1775865600000, 54741],
        [1775952000000, 54350],
        [1776038400000, 54623],
        [1776124800000, 55162],
        [1776211200000, 54556],
        [1776297600000, 53551],
        [1776384000000, 52871],
        [1776470400000, 52941],
        [1776556800000, 52126],
        [1776643200000, 53307],
        [1776729600000, 53593],
        [1776816000000, 53628],
        [1776902400000, 52688],
        [1776988800000, 53161],
        [1777075200000, 52572],
        [1777161600000, 53475],
        [1777248000000, 53348],
        [1777334400000, 53911],
        [1777420800000, 53675],
        [1777507200000, 53856],
        [1777593600000, 53093],
        [1777680000000, 53641],
        [1777766400000, 53325],
        [1777852800000, 53806],
        [1777939200000, 52729],
        [1778025600000, 53475],
        [1778112000000, 54377],
        [1778198400000, 53839],
        [1778284800000, 54518],
        [1778371200000, 53410],
        [1778457600000, 52312],
        [1778544000000, 51823],
        [1778630400000, 52421],
        [1778716800000, 53605],
        [1778803200000, 52515],
        [1778889600000, 52563],
        [1778976000000, 51691],
        [1779062400000, 52449],
        [1779148800000, 52790],
        [1779235200000, 52907],
        [1779321600000, 53163],
        [1779408000000, 54040],
        [1779494400000, 54125],
        [1779580800000, 53717],
        [1779667200000, 54559],
        [1779753600000, 53995],
        [1779840000000, 53380],
        [1779926400000, 54448],
        [1780012800000, 53614],
        [1780099200000, 53845],
        [1780185600000, 54448],
        [1780272000000, 54202],
        [1780358400000, 54913],
        [1780444800000, 54199],
        [1780531200000, 54037],
        [1780617600000, 54652],
        [1780704000000, 55765],
        [1780790400000, 54678],
        [1780876800000, 55604],
        [1780963200000, 56383],
        [1781049600000, 55575],
        [1781136000000, 56743],
        [1781222400000, 55867],
        [1781308800000, 55609],
        [1781395200000, 55142],
        [1781481600000, 54659],
        [1781568000000, 54753],
        [1781654400000, 55243],
        [1781740800000, 55355],
        [1781827200000, 54461],
        [1781913600000, 54531],
        [1782000000000, 53731],
        [1782086400000, 54491],
        [1782172800000, 53521],
        [1782259200000, 53977],
        [1782345600000, 53527],
        [1782432000000, 53009],
        [1782518400000, 52611],
        [1782604800000, 52136],
        [1782691200000, 53008],
        [1782777600000, 53540],
        [1782864000000, 54225],
        [1782950400000, 53516],
        [1783036800000, 54624],
        [1783123200000, 55544],
        [1783209600000, 55420],
        [1783296000000, 56197],
        [1783382400000, 57022],
        [1783468800000, 57422],
        [1783555200000, 58660],
        [1783641600000, 57829],
        [1783728000000, 57116],
        [1783814400000, 57656],
        [1783900800000, 58773],
        [1783987200000, 58405],
        [1784073600000, 58415],
        [1784160000000, 58110],
        [1784246400000, 58620],
        [1784332800000, 59137],
        [1784419200000, 59203],
        [1784505600000, 58735],
        [1784592000000, 57731],
        [1784678400000, 58857],
        [1784764800000, 58961],
        [1784851200000, 59919],
        [1784937600000, 60096],
        [1785024000000, 61284],
        [1785110400000, 60532],
        [1785196800000, 61542],
        [1785283200000, 60587],
        [1785369600000, 59669],
        [1785456000000, 59186],
        [1785542400000, 59759],
        [1785628800000, 58712],
        [1785715200000, 58272],
        [1785801600000, 57516],
        [1785888000000, 57659],
        [1785974400000, 58564],
        [1786060800000, 57436],
        [1786147200000, 57795],
        [1786233600000, 58453],
        [1786320000000, 59394],
        [1786406400000, 58842],
        [1786492800000, 59205],
        [1786579200000, 58716],
        [1786665600000, 57668],
        [1786752000000, 58289],
        [1786838400000, 57770],
        [1786924800000, 57783],
        [1787011200000, 57424],
        [1787097600000, 58131],
        [1787184000000, 58270],
        [1787270400000, 58240],
        [1787356800000, 58747],
        [1787443200000, 58771],
        [1787529600000, 59123],
        [1787616000000, 59460],
        [1787702400000, 59186],
        [1787788800000, 58697],
        [1787875200000, 59318],
        [1787961600000, 60424],
        [1788048000000, 59892],
        [1788134400000, 60880],
        [1788220800000, 60728],
        [1788307200000, 60033],
        [1788393600000, 60010],
        [1788480000000, 58975],
        [1788566400000, 58594],
        [1788652800000, 58453],
        [1788739200000, 57744],
        [1788825600000, 58837],
        [1788912000000, 59794],
        [1788998400000, 58735],
        [1789084800000, 57890],
        [1789171200000, 57267],
        [1789257600000, 57980],
        [1789344000000, 58776],
        [1789430400000, 58536],
        [1789516800000, 58330],
        [1789603200000, 59172],
        [1789689600000, 59412],
        [1789776000000, 60222],
        [1789862400000, 60940],
        [1789948800000, 59814],
        [1790035200000, 58986],
        [1790121600000, 59789],
        [1790208000000, 59606],
        [1790294400000, 59095],
        [1790380800000, 59576],
        [1790467200000, 60519],
        [1790553600000, 61715],
        [1790640000000, 61888],
        [1790726400000, 61555],
        [1790812800000, 62454],
        [1790899200000, 63215],
        [1790985600000, 62181],
        [1791072000000, 62408],
        [1791158400000, 63264],
        [1791244800000, 62215],
        [1791331200000, 61308],
        [1791417600000, 62076],
        [1791504000000, 61620],
        [1791590400000, 61916],
        [1791676800000, 61526],
        [1791763200000, 60864],
        [1791849600000, 59949],
        [1791936000000, 60117],
        [1792022400000, 60084],
        [1792108800000, 60849],
        [1792195200000, 59854],
        [1792281600000, 60113],
        [1792368000000, 59581],
        [1792454400000, 59617],
        [1792540800000, 59258],
        [1792627200000, 59415],
        [1792713600000, 60610],
        [1792800000000, 60748],
        [1792886400000, 61698],
        [1792972800000, 62383],
        [1793059200000, 63281],
        [1793145600000, 62622],
        [1793232000000, 62756],
        [1793318400000, 63096],
        [1793404800000, 63058],
        [1793491200000, 61935],
        [1793577600000, 61155],
        [1793664000000, 61854],
        [1793750400000, 62189],
        [1793836800000, 62394],
        [1793923200000, 62741],
        [1794009600000, 62581],
        [1794096000000, 63399],
        [1794182400000, 62418],
        [1794268800000, 61906],
        [1794355200000, 62257],
        [1794441600000, 62507],
        [1794528000000, 63692],
        [1794614400000, 63974],
        [1794700800000, 64525],
        [1794787200000, 64242],
        [1794873600000, 64886],
        [1794960000000, 65899],
        [1795046400000, 66319],
        [1795132800000, 65816],
        [1795219200000, 65919],
        [1795305600000, 64941],
        [1795392000000, 64934],
        [1795478400000, 65279],
        [1795564800000, 65639],
        [1795651200000, 65192],
        [1795737600000, 64988],
        [1795824000000, 65837],
        [1795910400000, 66705],
        [1795996800000, 67204],
        [1796083200000, 67164],
        [1796169600000, 66406],
        [1796256000000, 66579],
        [1796342400000, 66274],
        [1796428800000, 66217],
        [1796515200000, 65081],
        [1796601600000, 64615],
        [1796688000000, 63645],
        [1796774400000, 63013],
        [1796860800000, 62639],
        [1796947200000, 63822],
        [1797033600000, 63783],
        [1797120000000, 64247],
        [1797206400000, 63885],
        [1797292800000, 63421],
        [1797379200000, 63037],
        [1797465600000, 62777],
        [1797552000000, 62102],
        [1797638400000, 62313],
        [1797724800000, 62363],
        [1797811200000, 61253],
        [1797897600000, 60446],
        [1797984000000, 59974],
        [1798070400000, 59949],
        [1798156800000, 59445],
        [1798243200000, 60288],
        [1798329600000, 59719],
        [1798416000000, 59472],
        [1798502400000, 60205],
        [1798588800000, 60896],
        [1798675200000, 61209],
        [1798761600000, 60159],
        [1798848000000, 61201],
        [1798934400000, 60138],
        [1799020800000, 60787],
        [1799107200000, 61432],
        [1799193600000, 61975],
        [1799280000000, 62442],
        [1799366400000, 61895],
        [1799452800000, 62992],
        [1799539200000, 63995],
        [1799625600000, 62939],
        [1799712000000, 61828],
        [1799798400000, 62145],
        [1799884800000, 63341],
        [1799971200000, 64277],
        [1800057600000, 63267],
        [1800144000000, 63295],
        [1800230400000, 64267],
        [1800316800000, 63927],
        [1800403200000, 63579],
        [1800489600000, 62782],
        [1800576000000, 63776],
        [1800662400000, 63279],
        [1800748800000, 63836],
        [1800835200000, 64315],
        [1800921600000, 64140],
        [1801008000000, 64619],
        [1801094400000, 65499],
        [1801180800000, 65713],
        [1801267200000, 66675],
        [1801353600000, 67913],
        [1801440000000, 67889],
        [1801526400000, 68491],
        [1801612800000, 69137],
        [1801699200000, 69469],
        [1801785600000, 69701],
        [1801872000000, 68818],
        [1801958400000, 68552],
        [1802044800000, 68127],
        [1802131200000, 68847],
        [1802217600000, 67878],
        [1802304000000, 68586],
        [1802390400000, 67686],
        [1802476800000, 68398],
        [1802563200000, 68230],
        [1802649600000, 68995],
        [1802736000000, 69944],
        [1802822400000, 70304],
        [1802908800000, 69730],
        [1802995200000, 69597],
        [1803081600000, 69122],
        [1803168000000, 68655],
        [1803254400000, 69459],
        [1803340800000, 69144],
        [1803427200000, 70004],
        [1803513600000, 70170],
        [1803600000000, 71139],
        [1803686400000, 71929],
        [1803772800000, 72234],
        [1803859200000, 72774],
        [1803945600000, 72046],
        [1804032000000, 73036],
        [1804118400000, 72023],
        [1804204800000, 71670],
        [1804291200000, 71901],
        [1804377600000, 70993],
        [1804464000000, 70776],
  // ... truncated, use Copy or open the full config

const chart = new WestCoastCharts(document.querySelector('#chart'), options)
chart.render()