echarts example

by shiv_veerashetty

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/5.1.2/echarts.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/dayjs/1.10.6/dayjs.min.js"></script>
<div id="main" style="width: 900px;height:400px;"></div>

JavaScript

var myChart = echarts.init(document.getElementById('main'));

const response = {
  "data": {
    "strategy_group_summary": [
      {
        "date": "2021-06-17T00:00:00+00:00",
        "returns": -2294484.2280554995,
        "orders_count": 30
      },
      {
        "date": "2021-06-07T00:00:00+00:00",
        "returns": 575791.22469,
        "orders_count": 12
      },
      {
        "date": "2021-06-03T00:00:00+00:00",
        "returns": 348099.84773549985,
        "orders_count": 12
      },
      {
        "date": "2021-06-16T00:00:00+00:00",
        "returns": 433516.65048300003,
        "orders_count": 24
      },
      {
        "date": "2021-06-08T00:00:00+00:00",
        "returns": -1656074.2491765004,
        "orders_count": 24
      },
      {
        "date": "2021-06-15T00:00:00+00:00",
        "returns": 94052.66847750012,
        "orders_count": 12
      },
      {
        "date": "2021-06-02T00:00:00+00:00",
        "returns": 892925.9664299996,
        "orders_count": 18
      },
      {
        "date": "2021-06-09T00:00:00+00:00",
        "returns": 398461.37325149984,
        "orders_count": 24
      },
      {
        "date": "2021-06-10T00:00:00+00:00",
        "returns": 1165710.83568,
        "orders_count": 12
      },
      {
        "date": "2021-06-18T00:00:00+00:00",
        "returns": 4544364.676914001,
        "orders_count": 24
      },
      {
        "date": "2021-06-04T00:00:00+00:00",
        "returns": -661562.8504965001,
        "orders_count": 18
      },
      {
        "date": "2021-06-11T00:00:00+00:00",
        "returns": -938728.0403895002,
        "orders_count": 18
      },
      {
        "date": "2021-06-01T00:00:00+00:00",
        "returns": -1198277.0077919997,
        "orders_count": 36
      },
      {
        "date": "2021-06-14T00:00:00+00:00",
        "returns": 4579749.6512865005,
        "orders_count": 18
      }
    ]
  }
}

console.log(_.map(response.data.strategy_group_summary,...