## Double Line Chart 双折线图

:::demo

```javascript
const data = [
  { date: '05-01', catgory: '图例一', sales: 15.2 },
  { date: '05-02', catgory: '图例一', sales: 39.2 },
  { date: '05-03', catgory: '图例一', sales: 51.2 },
  { date: '05-04', catgory: '图例一', sales: 65.2 },
  { date: '05-05', catgory: '图例一', sales: 55.2 },
  { date: '05-06', catgory: '图例一', sales: 75.2 },
  { date: '05-07', catgory: '图例一', sales: 95.2 },
  { date: '05-08', catgory: '图例一', sales: 65.2 },
  { date: '05-01', catgory: '图例二', sales: 20.2 },
  { date: '05-02', catgory: '图例二', sales: 49.2 },
  { date: '05-03', catgory: '图例二', sales: 57.2 },
  { date: '05-04', catgory: '图例二', sales: 55.2 },
  { date: '05-05', catgory: '图例二', sales: 75.2 },
  { date: '05-06', catgory: '图例二', sales: 95.2 },
  { date: '05-07', catgory: '图例二', sales: 110.2 },
  { date: '05-08', catgory: '图例二', sales: 85.2 }
]

const { Chart, Line, Axis, Tooltip, Legend, theme } = qcharts

const chart = new Chart({
  container: '#app'
})

chart.source(data, {
  row: 'catgory',
  value: 'sales',
  text: 'date'
})

const line = new Line()
const axisBottom = new Axis().style('grid', false)
const tooltip = new Tooltip()
const legend = new Legend()

const axisLeft = new Axis({ orient: 'left' }).style('axis', false).style('scale', false)

chart.append([line, axisBottom, legend, axisLeft, tooltip])
```

:::
