AAChartKit-Pro

AAChartKit-Pro copied to clipboard

请问大佬，这个库怎么用JS来自定义X轴。 我设置了好像没有效果，麻烦指点一下。

在 AAChartKit 的 demo 中,有专门的自定义X轴或者 Y 轴的相关示例:

- (id)chartConfigurationWithSelectedIndex:(NSInteger)selectedIndex {
    switch (selectedIndex) {
        case 0: return [self customYAxisLabels];//自定义Y轴文字
        case 1: return [self customYAxisLabels2];//自定义Y轴文字2
        case 2: return [self customAreaChartXAxisLabelsTextUnitSuffix1];//自定义X轴文字单位后缀(通过 formatter 函数)
        case 3: return [self customAreaChartXAxisLabelsTextUnitSuffix2];//自定义X轴文字单位后缀(不通过 formatter 函数)
        case 4: return [self configureTheAxesLabelsFormattersOfDoubleYAxesChart];//配置双 Y 轴图表的 Y 轴文字标签的 Formatter 函数 示例 1
        case 5: return [self configureTheAxesLabelsFormattersOfDoubleYAxesChart2];//配置双 Y 轴图表的 Y 轴文字标签的 Formatter 函数 示例 2
        case 6: return [self configureTheAxesLabelsFormattersOfDoubleYAxesChart3];//配置双 Y 轴图表的 Y 轴文字标签的 Formatter 函数 示例 3
        case 7: return [self customColumnChartXAxisLabelsTextByInterceptTheFirstFourCharacters];//通过截取前四个字符来自定义 X 轴 labels
        case 8: return [self customSpiderChartStyle];//自定义蜘蛛🕷🕸图样式
        case 9: return [self customizeEveryDataLabelSinglelyByDataLabelsFormatter];//通过 DataLabels 的 formatter 函数来实现单个数据标签🏷自定义
        case 10: return [self customXAxisLabelsBeImages];//自定义 X轴 labels 为一组图片
        case 11: return [self loadImageForAATooltip];//为自定义 AATooltip 加载图片内容

        default:
            return nil;
    }
}

下载运行查看 demo 中的示例效果即可.

AAChartKit 的 demo 链接地址:

• https://github.com/AAChartModel/AAChartKit

AAChartKit-Pro 采用完全兼容 AAChartKit 的设计, 所以 AAChartKit 中的有效示例同时也是 AAChartKit-Pro 的有效示例.

这边Swift对应是怎么写的？

以上代码, Swift 版本对应的内容是:

        let aaOptions = aaChartModel.aa_toAAOptions()
        aaOptions.xAxis?.labels?
                .formatter("""
                           function () {
                               const xValue = this.value;
                               if (xValue%10 == 0) {
                                   return xValue + " sec"
                               } else {
                                   return "";
                               }
                           }
"""
                )

如果你需要的是 Swift 版本的示例, 在 AAChartKit-Swift 的 demo 中, 也有专门的自定义X轴或者 Y 轴的相关示例:

    override func chartConfigurationWithSelectedIndex(_ selectedIndex: Int) -> Any? {
        switch (selectedIndex) {
        case 0: return customYAxisLabels()//自定义Y轴文字
        case 1: return customYAxisLabels2()//自定义Y轴文字2
        case 2: return customAreaChartXAxisLabelsTextUnitSuffix1()//自定义X轴文字单位后缀(通过 formatter 函数)
        case 3: return customAreaChartXAxisLabelsTextUnitSuffix2()//自定义X轴文字单位后缀(不通过 formatter 函数)
        case 4: return configureTheAxesLabelsFormattersOfDoubleYAxesChart()//配置双 Y 轴图表的 Y 轴文字标签的 Formatter 函数 示例 1
        case 5: return configureTheAxesLabelsFormattersOfDoubleYAxesChart2()//配置双 Y 轴图表的 Y 轴文字标签的 Formatter 函数 示例 2
        case 6: return configureTheAxesLabelsFormattersOfDoubleYAxesChart3()//配置双 Y 轴图表的 Y 轴文字标签的 Formatter 函数 示例 3
        case 7: return customColumnChartXAxisLabelsTextByInterceptTheFirstFourCharacters()//通过截取前四个字符来自定义 X 轴 labels
        case 8: return customSpiderChartStyle()//自定义蜘蛛🕷🕸图样式
        case 9: return customizeEveryDataLabelSinglelyByDataLabelsFormatter()//通过 DataLabels 的 formatter 函数来实现单个数据标签🏷自定义
        case 10: return customXAxisLabelsBeImages()//自定义 X轴 labels 为一组图片
        default:
            return nil
        }
    }

下载运行查看 demo 中的示例效果即可.

AAChartKit-Swift 的 demo 链接地址:

• https://github.com/AAChartModel/AAChartKit-Swift

好的，我试试，谢谢大佬解答

另外，请问下Kotlin的pro版本，最近会发布吗。