在devextremecharts(dxChart)

时间:2017-05-02 10:24:17

标签: javascript jquery devexpress devextreme

我正在使用具有模块化概念的devextreme图表(js图表)。

在我的一个条形图中,我希望显示一个工具提示,在悬停时显示SeriesBar的名称及其所具有的值。 即 让我们假设我的图表有3个条形图描绘了美国,英国,法国的人口。 当我将鼠标悬停在美国(Bar)上时,我希望我的工具提示能够显示

USA:10000

同样适用于英国和法国

$("#myChartDiv").dxChart({
            dataSource: dataset,
            commonSeriesSettings: {
                argumentField: 'DimensionValue',
                valueField: 'MetricValue', 
                label: {
                    visible: true,
                    format: {
                        type: "fixedPoint",
                        precision: Barnumberprecision
                    }
                },
                type: 'bar',

            },
            seriesTemplate: {
                nameField: "SurveyYear",

                },
                valueAxis: {
                    title: {
                        text: Title
                    },
                    position: "left"
                },
            argumentAxis: {

                label: {
                    overlappingBehavior: { mode: Barlabeloverlappingmode, rotationAngle: Barlabelrotateangle }
                }
            },
            tooltip: {
                enabled: true,
                location: "edge",

                customizeText: function () {
                    return this.seriesName;
                },
                format: {
                    //type: "fixedPoint",
                    precision: Barnumberprecision
                }              
            },
            legend: {
                verticalAlignment: BarlegendverticalAlignment,
                horizontalAlignment: BarlegendhorizontalAlignment
            }
        });

我已经浏览了devextreme网站,但没有找到任何属于我的财产,或者可能是我没有正确使用它。
谁可以告诉我哪个属性符合我的要求?

1 个答案:

答案 0 :(得分:0)

我建议您浏览tooltip文档,在那里您可以找到可用于显示特定值的属性名称。

参考此DX线​​程:dxChart - How to customize a tooltip

 tooltip: {
        enabled: true,
        customizeTooltip: function (point) {
                return {
                    text: point.value+' of '+point.argument+' against '+point.seriesName
                }
        }
    }