自助仪表盘中带横纵坐标的图形,其横向坐标默认显示在下方,纵坐标默认显示在左侧,若我们想改变横纵坐标显示的方位,可以通过自助仪表盘宏来实现。

1. 示例效果

下图显示了横向坐标在上方显示。

2.操作步骤

效果如下:

把下面宏代码复制到代码区域;

function main(page: IPage, portlet: IEChartsPortlet) {
    let options = portlet.getChartOptions()
    options.xAxis.position = 'top'
    options.xAxis.axisLine = { //改变X轴位置
        onZero: false
    }
    portlet.setChartOptions(options)
}

示例主要使用的是IEChartsPortlet对象下的setChartOptions方法,点击查看API详情

3.资源下载

代码资源:migrate.xml