antvis/G2













The issue has been closed
[v5]: 1. tooltip 没显示 2. legend 无法点击切换显隐 #4438
Valar103769 posted onGitHub
demo: https://g2.antv.antgroup.com/examples/general/line/#line-basic
/**
* A recreation of this demo: https://observablehq.com/@d3/line-chart
*/
import { Chart } from '@antv/g2';
const chart = new Chart({
container: 'container',
autoFit: true,
});
const data = [
{
"hour": "2022-12-03 00",
"new_recharge_orders": 29,
"recharge_orders": 864,
"total_row": false,
"xField": "00",
"series": "2022-12-03"
},
{
"hour": "2022-12-09 00",
"new_recharge_orders": 19,
"recharge_orders": 715,
"total_row": false,
"xField": "00",
"series": "2022-12-09"
},
]
chart
.line()
.data(data)
.encode('x', 'xField')
.encode('y', 'new_recharge_orders')
.encode('color', 'series')
.axis('x', {
title: '时间',
})
.interaction({
type: 'tooltip',
})
chart.render()