Echarts自适应大小和字体的大屏可视化方案
用 Echarts 写图表,屏幕大小改变时,字体不能同步缩放,图表不会自动适应容器。此方案代码量少,使用简单,接管 echarts 配置然后进行透传。有这个困扰的同学请给颗 star。
·
痛点:
用 Echarts 写图表,屏幕大小改变时,字体不能同步缩放,图表不会自动适应容器
有这个困扰的同学请给颗 star
https://github.com/wj100/auto-size-echart
此方案代码量少,使用简单,接管 echarts 配置然后进行透传
欢迎品鉴
npm: auto-size-echart
import AutoSizeEchart from 'auto-size-echart';
//options对象的键对应容器id
const options={
chart1: {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
},
yAxis: {
type: 'value',
},
series: [
{
data: [150, 230, 224, 218, 135, 147, 260],
type: 'line',
},
],
},
}
let autoSizeEchart = new AutoSizeEchart(options);
autoSizeEchart.init();
更多推荐
已为社区贡献1条内容
所有评论(0)