jQWidgets jqxChart titlePadding 属性介绍

简介

jQWidgets jqxChart 是一个轻量级的图表库，它支持多种类型的图表，包括柱状图、线性图、饼图等等，并且提供了丰富的 API，便于开发者进行数据的可视化展示。titlePadding 是 jqxChart 中的一个属性，用于设置图表的标题与图表区域之间的间距。

使用方法

titlePadding 属性可以在初始化 jqxChart 实例时进行设置，也可以在图表实例化后动态修改。

初始化设置

在初始化 jqxChart 实例时，可以通过 titlePadding 属性设置标题与图表区域之间的间距。

$('#chart').jqxChart({
  titlePadding: { left: 5, top: 5, right: 5, bottom: 10 }
});

动态修改

可以通过 setOptions 方法动态修改 titlePadding 属性的值。

$('#chart').jqxChart('setOptions', { titlePadding: { left: 10, top: 10, right: 10, bottom: 15 } });

参数说明

titlePadding 属性接受一个包含 left、top、right、bottom 四个参数的对象，用于设置标题与图表区域之间的距离。参数的单位为像素。

titlePadding: { left: 5, top: 5, right: 5, bottom: 10 }

参数说明：

• left：标题与图表区域左侧的距离，默认为 5 像素。
• top：标题与图表区域上方的距离，默认为 5 像素。
• right：标题与图表区域右侧的距离，默认为 5 像素。
• bottom：标题与图表区域下方的距离，默认为 10 像素。

示例

设置标题与图表区域之间的距离为 left: 20, top: 10, right: 10, bottom: 5。

$('#chart').jqxChart({
  titlePadding: { left: 20, top: 10, right: 10, bottom: 5 }
});