Comments (1)
guide 元素的位置是由原始数据源中的数值范围决定的,如果设置的数值大于原始数据的范围,就有可能会超出画布导致看不到。
您可以利用列定义,将对应的数值的 max 加大:
基于 3.1.1 版本:
const data = [
{ year: '1951 年', sales: 38 },
{ year: '1952 年', sales: 52 },
{ year: '1956 年', sales: 61 },
{ year: '1957 年', sales: 145 },
{ year: '1958 年', sales: 48 },
{ year: '1959 年', sales: 38 },
{ year: '1960 年', sales: 38 },
{ year: '1962 年', sales: 38 },
];
const chart = new F2.Chart({
id: 'mountNode',
width: window.innerWidth,
height: window.innerWidth * 0.707,
pixelRatio: window.devicePixelRatio
});
chart.source(data, {
sales: {
max: 300 // 设置 Y 轴的最大值
}
});
chart.interval().position('year*sales');
chart.guide().line({
start: [ 'min', 200 ],
end: [ 'max', 200 ]
});
chart.render();
from f2.
Related Issues (20)
- 多条曲线的图表中Tooltip内容显示异常 HOT 2
- F2折线图xAxis最右边的值被遮挡无法显示全 HOT 2
- F2辅助线设置为虚线
- x 轴字段为空,Area 面积图为空白
- toolTip展示时 错位 HOT 1
- @antv/f2 5.0.3版本如何初始化显示 tooltip以及如何通过tooltip的onChange设置legend HOT 3
- 3.x版本中区间柱状图无法展示tooltip
- "@antv/my-f2": "^2.1.7",
- 4.x版本图例怎么配置默认置灰和高亮呢 HOT 1
- 文档中说支持事件,但没有看到具体如何使用事件 HOT 1
- 支付宝小程序 华为Mate 40兼容问题,在此机型,图形错位大小也不对怎么处理
- uniapp项目vue2版本使用npm install @antv/f2 --save安装后引入组件报错
- bug: examples javascript mouse hover codesandbox icon arise scroll bar icon malposed HOT 1
- uniapp 使用V3 3.8.10版本 android兼容问题,andorid显示错位
- 文档亟待丰富 HOT 1
- F2 v5.0.30 版本中 syncY 这个参数如何使用? HOT 4
- F2 v5.0.30 tooltip 组件中的onShow \ onHide 事件都取消了吗? HOT 3
- F2 v5.0.30 点击饼图 PieLabel 本身时不触发onClick 事件,只有点击引申出来的文本时才会触发? HOT 2
- 钉钉小程序无法使用@antv/f-my
- 请问f-my和f2-my这两个模块有什么区别
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from f2.