Published
Edited
May 12, 2021
1 star
Insert cell
md`# G2Plot-Calendar

made with plugin based on G2Plot v2

[Website](https://g2plot.antv.vision), [GitHub](https://github.com/visiky/g2plot-calendar)`
Insert cell
html`<div id="container" style="height:140px;"></div>`
Insert cell
plot.render()
Insert cell
// 第一次默认渲染
plot = new G2Plot.P("container", {}, G2PlotCalendar.adaptor, {
...G2PlotCalendar.defaultOptions,
width: 800,
height: 100,
autoFit: false,
data
})
Insert cell
data = fetch(
"https://gw.alipayobjects.com/os/antfincdn/nvYn7dOQB9/result.json"
).then((data) => data.json())
Insert cell
G2PlotCalendar = require("https://unpkg.com/g2plot-calendar@1")
Insert cell
G2Plot = require("@antv/g2plot")
Insert cell

Purpose-built for displays of data

Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Learn more