如何使用DevExtreme图表控件 – 自定义轴位置？

自定义交点

通常，使用‘position’ 属性来指定必须渲染轴的边缘（默认情况下是左边缘和下边缘）。 在这种情况下，轴在可见范围角处相交，可见范围取决于数据点和滚动/缩放坐标。

在某些情况下，您可能希望将轴固定到其正交轴上的特定值。 要实现此要求，您可以使用“argumentAxis”和“valueAxis”配置对象的新customPosition属性。 在下面的示例中，轴固定在彼此的 0 点。

argumentAxis: {customPosition: 0 // value at valueAxis},valueAxis: {customPosition: 0 // value at argumentAxis}

轴偏移

对于某些使用场景，您可能需要在独立于当前缩放级别和滚动位置的固定位置显示轴，可以使用新的offset 选项来指定相对于其原始交点的轴坐标（以像素为单位）。在下面的示例中，轴始终在图表可见范围的中心相交：

argumentAxis: {offset: -200 // a half of visible range height},valueAxis: {offset: 390 // a half of visible range width}

支持多轴

如果您的图表包含多个数值轴，可以使用customPositionAxis选项设置相关数值轴的名称，可以按如下方式使用它：

argumentAxis: {customPosition: -10,customPositionAxis: "leftAxis"},valueAxis: [{position: "right"},{position: "left",name: "leftAxis"}]

DevExtreme | 下载试用

DevExpress技术交流群6：600715373      欢迎一起进群讨论