javascript - 在 devextremecharts(dxChart) 中显示系列标签和值

标签 javascript jquery devexpress devextreme

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

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

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 网站,但没有找到适合我的属性,或者可能是我没有正确使用它。
有人可以告诉我哪一个属性满足我的要求吗?

最佳答案

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

请引用此 DX 线程:dxChart - How to customize a tooltip

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

关于javascript - 在 devextremecharts(dxChart) 中显示系列标签和值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43735562/

相关文章:

javascript - 按钮文本在 JavaScript 中没有改变?

javascript - 将输入值与跨度内的文本进行匹配

php - 页面加载时的模态显示

javascript - 如何将 JS 单击事件附加到 AJAX 加载按钮?

使用键盘箭头和 "enter"键的导航菜单的 Javascript

javascript - window.location.reload() 不适用于 Firefox

javascript - 独立 DIV 内容的 jQuery 淡入淡出,但仅在当前 DIV 中

delphi - 如何在 DevExpress QuantumGrid (VCL) 的 onCustomDrawCell 事件中获取列索引

asp.net-mvc-3 - Devexpress 在 razor mvc3 中添加报告时出错

javascript - 在 DOMContentLoaded 之前触发的事件