首页 > 解决方案 > Anychart Android极坐标图xAxis标签将它们更改为char字符串

问题描述

早上好,

我试图在 android ( https://github.com/AnyChart/AnyChart-Android ) 中实现一个 AnyChart 极坐标图,它应该看起来类似于这个 ( https://playground.anychart.com/gallery/Polar_Charts/Line_Polar_Chart ) . 我知道这个例子是用 javascript 编写的,我正在 Android 中开发它,这并不完全相同,但是保留对我想要实现的结果的引用很好。

从那个例子中,我一直在努力将 xAxis 标签(0°,30°,...)更改为自定义字符串,例如(“零”,“三十”,...)。我没有找到返回标签字符串(https://api.anychart.com/v8/anychart.core.ui.LabelsFactory#getLabel)的 xAxis 标签获取器,但找不到标签设置器...

我的目标是保持 Anychart 极坐标图的数值功能,其中可以从(45°,值 1)到(45°,值 5)绘制一条线,并在绘图的 xlabel 处显示字符,因此看到标签上的“45°”,应该说“四十五”

有谁知道这是否可以实现?非常感谢!

标签: androidaxis-labelsanychart

解决方案


您可以使用format()xAxis 标签的功能来实现。在回调函数中,您可以实现自己的关于如何将数字转换为单词的逻辑(if、case、hashmap 等)。该片段描述了如何实现这一目标。

        AnyChartView anyChartView = findViewById(R.id.any_chart_view);

        Polar polar = AnyChart.polar();

        List<DataEntry> data = new ArrayList<>();
        data.add(new ValueDataEntry(0, 10));
        data.add(new ValueDataEntry(15, 8));
        data.add(new ValueDataEntry(30, 12));
        data.add(new ValueDataEntry(45, 11));

        Set set = Set.instantiate();
        set.data(data);
        Mapping series1Data = set.mapAs("{ x: 'x', value: 'value' }");

        polar.line(series1Data);

        Linear scale = Linear.instantiate();
        scale.minimum(0).maximum(360);
        scale.ticks().interval(30);
        polar.xScale(scale);

        polar.xAxis().labels().format("function() {" +
                "if (this.tickValue == 60) return 'sixty';" +
                "if (this.tickValue == 90) return 'ninety';" +
                "if (this.tickValue == 120) return 'hundred twenty';" +
                "return this.tickValue;" +
                "}");

        anyChartView.setChart(polar);

结果如下: 在此处输入图像描述


推荐阅读