antvis / F2

📱📈An elegant, interactive and flexible charting library for mobile.
https://f2.antv.vision/zh
MIT License
7.88k stars 646 forks source link

TextGuide和ScrollBar连用会出现视觉bug,未展示的值会在y轴旁出现 #1953

Open 1416246152 opened 4 months ago

1416246152 commented 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 = (

{data.map((item) => { const { weight } = item; return ( ); })}

);

const chart = new Canvas(LineChart.props); chart.render(); image