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和tooltip的文字是 "minValue--maxValue valueSuffix"

InnocentYang opened this issue · comments

求助:
心率范围图表,min=82, max=102, suffix=次/分钟
最开始没有没有处理 空值不显示tooltip时,tooltip的文字是:82次/分钟 - 102次/分钟
希望可以做到显示的文字是:82-102次/分钟

image

后来使用AAOptions处理空值不显示tooltip,但tooltip的文字只有 min,没有 max,

image

image

commented

AreaRange 图表和 ColumnRange 图表取值有些类似, 所以可以直接参考以上链接中的示例.

谢谢,问题搞定

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

image

image

commented

如果你的空值处不需要显示 tooltip , 可以参考空值占位示例,

参考: