devextreme
Version:
HTML5 JavaScript Component Suite for Responsive Web Development
101 lines (100 loc) • 2.83 kB
JavaScript
/**
* DevExtreme (cjs/__internal/viz/core/themes/generic/light/funnel.js)
* Version: 24.2.6
* Build date: Mon Mar 17 2025
*
* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _contants = require("./contants");
var _default = exports.default = {
funnel: {
sortData: true,
valueField: "val",
colorField: "color",
argumentField: "arg",
hoverEnabled: true,
selectionMode: "single",
item: {
border: {
visible: false,
width: 2,
color: _contants.WHITE
},
hoverStyle: {
hatching: {
opacity: .75,
step: 6,
width: 2,
direction: _contants.RIGHT
},
border: {}
},
selectionStyle: {
hatching: {
opacity: .5,
step: 6,
width: 2,
direction: _contants.RIGHT
},
border: {}
}
},
title: {
margin: 10
},
adaptiveLayout: {
width: 80,
height: 80,
keepLabels: true
},
legend: {
visible: false
},
_rtl: {
legend: {
itemTextPosition: _contants.LEFT
}
},
tooltip: {
customizeTooltip: info => ({
text: `${info.item.argument} ${info.valueText}`
})
},
inverted: false,
algorithm: "dynamicSlope",
neckWidth: 0,
neckHeight: 0,
resolveLabelOverlapping: "shift",
label: {
textOverflow: "ellipsis",
wordWrap: "normal",
visible: true,
horizontalAlignment: _contants.RIGHT,
horizontalOffset: 0,
verticalOffset: 0,
showForZeroValues: false,
customizeText: info => `${info.item.argument} ${info.valueText}`,
position: "columns",
font: {
color: _contants.WHITE
},
border: {
visible: false,
width: 1,
color: _contants.LIGHT_GREY,
dashStyle: _contants.SOLID
},
connector: {
visible: true,
width: 1,
opacity: .5
}
}
}
};