config 配置

在接下来的文档中,你会看到很多 config 的配置项,但默认情况下,Console-Chart 是不需要配置的,你甚至不需要传入任何的 config 配置就能够得到你期望的图表。

一方面为了满足更多用户的业务诉求,另外也为了能够将控制台特色的图表能力释放出去,Console-Chart从逻辑上将 config 配置分成两种类型: 通用配置、组件专属配置。

常见配置样例

// 无需任何配置
const config = {};

// 设置图表的内边距
const config = {
  padding: [50, 50, 50, 50],
};

// 格式化X轴的刻度值
const config = {
  xAxis: {
    label: {
      formatter: val => val
    }
  },
  yAxis: {},
};

// 设置图例的位置
const config = {
  legend: {
    position: 'bottom',
  },
};

通用配置列表

所有组件均可配置,且配置方式相同,列表如下:

属性说明相关文档
xAxis配置 X 轴-
yAxis配置 Y 轴-
legend配置图例-
guide配置引导内容-
tooltip配置鼠标提示框 (tooltip)-
label配置标签-
size配置图形 size-
style配置图形 style-

专属配置

每个图表组件由于功能的差异,独享控制其能力的配置项,可参考相关组件的 API 文档。

// 线图专属配置项
config = {
    smooth: true, // 可实现将折线转化为光滑曲线 
}

// 柱状图专属配置
config = {
    dodgeStack: true, // 可实现分组堆叠柱状图
}