标题与图例

标题 title

{
  title: {
    show: true,       // 是否显示，默认 false
    text: '销售趋势'   // 标题文字
  }
}

图例 legend

图例自动根据 series 生成，饼图根据数据的 colorField 生成。

{
  legend: {
    show: true   // 是否显示，默认 true
  }
}

点击图例项可以切换对应系列的显示/隐藏。

完整示例

import { ChartOptions, ChartSeriesOptions, ChartClickEvent } from "@/uni_modules/tmx-ui/core/canvas/chart/types.uts"
const options:ChartOptions = {
  data: [
    { month: '1月', sales: 120, cost: 80 },
    { month: '2月', sales: 200, cost: 110 },
    { month: '3月', sales: 150, cost: 95 }
  ],
  series: [
    { type: 'line', xField: 'month', yField: 'sales' },
    { type: 'line', xField: 'month', yField: 'cost' }
  ],
  title: { show: true, text: '收支分析' },
  legend: { show: true }
}