曲线图 · curve

类目轴平滑曲线。type="curve"（内部仍是 line，默认 extra.line.type: "curve"）。Demo 页：/pages/demo/charts/curve（基本 / 渐变 / 阴影水平动画）。

与折线图数据形状相同；折线默认直线，曲线默认平滑。

数据

必须有 categories。每条 series.data 与类目等长。

示例

<view class="chart-box">
  <lingyun-ui-charts
    type="curve"
    :chartData="chartData"
    :opts="chartOpts"
  />
</view>

const chartData = {
  categories: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
  series: [
    { name: '访客', data: [120, 132, 101, 134, 90, 230, 210] },
    { name: '下单', data: [22, 18, 19, 23, 29, 33, 31] },
  ],
}

const chartOpts = {}

也可用 type="line" 并自行覆盖：

const chartOpts = {
  extra: {
    line: { type: 'curve', width: 2, activeType: 'hollow' },
  },
}

.chart-box {
  width: 100%;
  height: 280px;
}

接法、属性、事件见图表总览。