时标刻度缩放 TimeScale
定义时间刻度的缩放配置设置。此操作我们需要用滚轮来缩放画布,所为了避免交互冲突,通常配合修饰键来实现滚轮缩放画布,参考下面配置。
js
const netGraph = new NetPlanGraph({
mousewheel: {
enabled: true,
modifiers: ['ctrl', 'meta'],
},
scaleMode: ScaleMode.Day,
scales: [
{unit: ScaleMode.Year, width: 400},
{unit: ScaleMode.QuarterYear, width: 320},
{unit: ScaleMode.Month, width: 260},
{unit: ScaleMode.Week, width: 144},
{unit: ScaleMode.Day, width: 36},
]
})
scales 选项
- unit: (string) - 缩放单位的名称。可用值为:“天”(默认值)、“周”、“季度”、“月”、“年”。 也可以设置自定义单位
- width: (width) - 刻度宽度。可用值为:“天”(36px)、“周”(144px)、“月”(260px)、“季度”(320px)、“年”(400px)。
- format: (()=>string) - 内容格式化(暂未开发,预留扩展)。