Column chart stick series sample | #eguzb9a6

HTMLcopy

 
<div id="container"></div>

CSScopy

 
html, body, #container {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

JavaScriptAutocompletecopy

​x
 
anychart.onDocumentReady(function () {
​
  // defining chart type
  var chart = anychart.column();
​
  // title setter
  chart.title("Linear Scale Sample");
​
  // setting yScale type as liner. Even knowing it's liner by default
  chart.xScale(anychart.scales.dateTime());
​
  // y axis title setter
  var yAxis = chart.yAxis();
  yAxis.title("This Axis Has 'Linear' Type");
​
  // setting data
  var series = chart.stick([
    {
        "x": 1680825600000,
        "value": 15.38
    },
    {
        "x": 1680998400000,
        "value": 15.24
    },
    {
        "x": 1682380800000,
        "value": 13.96
    },
    {
        "x": 1682812800000,
        "value": 16.32
    },
    {
        "x": 1683676800000,
        "value": 15.24
    },
    {
        "x": 1684540800000,
        "value": 12.51
    },
    {
        "x": 1685145600000,
        "value": 16.12
    },
    {
        "x": 1685318400000,
        "value": 14.93
    },
    {
        "x": 1685664000000,
        "value": 14.22
    },
    {
        "x": 1685923200000,
        "value": 14.07
    },
    {
        "x": 1686355200000,
        "value": 13.76
    },
    {
        "x": 1686441600000,
        "value": 13.56
    },
]);
  series.tooltip(false);
  
​
  chart.container("container");
  chart.draw();
});

Sample meta

AnyChart Documentation