Skip to content

时标刻度缩放 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) - 内容格式化(暂未开发,预留扩展)。

Released under the MIT License.