AAChartModel / AAChartCore

📈📊☕️☕️☕️An elegant modern declarative data visualization chart framework for Android. Extremely powerful, supports line, spline, area, areaspline, column, bar, pie, scatter, angular gauges, arearange, areasplinerange, columnrange, bubble, box plot, error bars, funnel, waterfall and polar chart types.极其精美而又强大的 Android 数据可视化图表框架,支持柱状图、条形图、折线图、曲线图、折线填充图、曲线填充图、气泡图、扇形图、环形图、散点图、雷达图、混合图等各种类型的多达几十种的信息图图表,完全满足工作所需.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

如何设置tooltip在某些数据满足条件才显示,不满足条件不显示?

InnocentYang opened this issue · comments

有个心率图表,有些时间没有记录到数据=0,滑动时,tooltip要怎么不显示出来呢?

image

commented

重复问题, 参考:

commented

Java 版本的写法, 示例如下:

    public static AAOptions customLineChartTooltipStyleWhenValueBeZeroDoNotShow() {
        AAChartModel aaChartModel = new AAChartModel()
                .chartType(AAChartType.Area)//图形类型
                .markerSymbolStyle(AAChartSymbolStyleType.BorderBlank)//折线连接点样式为外边缘空白
                .dataLabelsEnabled(false)
                .categories(new String[]{"临床一期","临床二期","临床三期"})
                .series(new AASeriesElement[]{
                        new AASeriesElement()
                                .name("上市")
                                .data(new Object[]{0, 0, 7}),
                        new AASeriesElement()
                                .name("中止")
                                .data(new Object[]{4, 5, 1}),
                        new AASeriesElement()
                                .name("无进展")
                                .data(new Object[]{2, 0, 1}),
                        new AASeriesElement()
                                .name("进行中")
                                .data(new Object[]{3, 5, 2}),

                });

        AATooltip aaTooltip = new AATooltip()
                .useHTML(true)
                .formatter("function () {\n" +
                        "        let wholeContentStr = this.points[0].x + '<br/>';\n" +
                        "        let length = this.points.length;\n" +
                        "        for (let i = 0; i < length; i++) {\n" +
                        "            let thisPoint = this.points[i];\n" +
                        "            let yValue = thisPoint.y;\n" +
                        "            if (yValue != 0) {\n" +
                        "                let prefixStr = '<span style=\\\"' + 'color:'+ thisPoint.color + '; font-size:13px\\\"' + '>◉ ';\n" +
                        "                wholeContentStr += prefixStr + thisPoint.series.name + ': ' + yValue + '<br/>';\n" +
                        "            }\n" +
                        "        }\n" +
                        "        return wholeContentStr;\n" +
                        "    }")
                ;
        AAOptions aaOptions = aaChartModel.aa_toAAOptions();
        aaOptions.tooltip(aaTooltip);
        return aaOptions;
    }

你可以在 AAChartCore 的 demo 中找到此示例.

麻烦再问一下:
范围柱状图,tooltip,在没用aaOptions之前也是空值会显示出来,用这种方式,空值不显示了,
但tooltip的值不是范围值,
还有:不用aaOptions时,tooltip的后缀是对两个数值都添加:73次/分钟 - 140次/分钟,想改成:73-140次/分钟。

JS实在不晓得怎么改。

image

image