Open 1416246152 opened 4 months ago
/* @jsx jsx / import { jsx, Canvas, Chart, Line, Point, Axis, Tooltip, TextGuide, ScrollBar, } from "@antv/f2";
const data = [ { date: "2024-04-10 12:00", weight: 12, }, { date: "2024-04-10 13:00", weight: 13, }, { date: "2024-04-10 14:00", weight: 19, }, { date: "2024-04-10 15:00", weight: 12, }, { date: "2024-04-10 16:00", weight: 17, }, { date: "2024-04-10 17:00", weight: 512, }, { date: "2024-04-10 18:00", weight: 212, }, { date: "2024-04-10 19:00", weight: 112, }, { date: "2024-04-10 20:00", weight: 812, }, { date: "2024-04-10 21:00", weight: 122, }, { date: "2024-04-10 22:00", weight: 125, }, { date: "2024-04-10 23:00", weight: 12, }, { date: "2024-04-11 00:00", weight: 12, }, { date: "2024-04-11 01:00", weight: 12, }, { date: "2024-04-11 02:00", weight: 12, }, { date: "2024-04-11 03:00", weight: 12, }, { date: "2024-04-11 04:00", weight: 12, }, { date: "2024-04-11 05:00", weight: 12, }, { date: "2024-04-11 06:00", weight: 12, }, { date: "2024-04-11 07:00", weight: 120, }, { date: "2024-04-11 08:00", weight: 12, }, { date: "2024-04-11 09:00", weight: 12, }, { date: "2024-04-11 10:00", weight: 12, }, { date: "2024-04-11 11:00", weight: 912, }, { date: "2024-04-11 12:00", weight: 12, }, ];
const context = document.getElementById("container").getContext("2d"); const LineChart = (
);
const chart = new Canvas(LineChart.props); chart.render();
/* @jsx jsx / import { jsx, Canvas, Chart, Line, Point, Axis, Tooltip, TextGuide, ScrollBar, } from "@antv/f2";
const data = [ { date: "2024-04-10 12:00", weight: 12, }, { date: "2024-04-10 13:00", weight: 13, }, { date: "2024-04-10 14:00", weight: 19, }, { date: "2024-04-10 15:00", weight: 12, }, { date: "2024-04-10 16:00", weight: 17, }, { date: "2024-04-10 17:00", weight: 512, }, { date: "2024-04-10 18:00", weight: 212, }, { date: "2024-04-10 19:00", weight: 112, }, { date: "2024-04-10 20:00", weight: 812, }, { date: "2024-04-10 21:00", weight: 122, }, { date: "2024-04-10 22:00", weight: 125, }, { date: "2024-04-10 23:00", weight: 12, }, { date: "2024-04-11 00:00", weight: 12, }, { date: "2024-04-11 01:00", weight: 12, }, { date: "2024-04-11 02:00", weight: 12, }, { date: "2024-04-11 03:00", weight: 12, }, { date: "2024-04-11 04:00", weight: 12, }, { date: "2024-04-11 05:00", weight: 12, }, { date: "2024-04-11 06:00", weight: 12, }, { date: "2024-04-11 07:00", weight: 120, }, { date: "2024-04-11 08:00", weight: 12, }, { date: "2024-04-11 09:00", weight: 12, }, { date: "2024-04-11 10:00", weight: 12, }, { date: "2024-04-11 11:00", weight: 912, }, { date: "2024-04-11 12:00", weight: 12, }, ];
const context = document.getElementById("container").getContext("2d"); const LineChart = (
);
const chart = new Canvas(LineChart.props); chart.render();