🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
isShowThresholdCategory 是否显示类别 getThresholdCategoryName 获取类别名称 isShowEventCategory 是否显示行为 supportReceiveMeasureLink 联动里面的指标联动 // 数据模块显示 showDataCategory: true, // 边框模块显示 showBorderCategory: true, // 基本模块显示 showBasicCategory: true, // 退出通知 showRegisterNotificationOut: true, // 标题显示 showTitleCategory: true, ~~~ chartCategory.groups.push({ // 图例 title: { text: vsLang.legend }, elements: [{ // 图例开启或关闭 title: vsLang.display, type: "radio", bind: "showLegend", items: [{ // 开启 name: vsLang.on, value: "show" }, { // 关闭 name: vsLang.off, value: "hide" }] }, { // 值类型 title: vsLang.value_type, type: "radio-icon", bind: "legendValueType", items: [{ // 实际值 name: vsLang.value_original, icon: "fa fa-font", value: "value" }, { // 百分比 name: vsLang.value_percent, icon: "fa fa-percent", value: "percent" }, { // 值和 百分比 name: vsLang.value_original_and_percent, icon: "fa fa-bars", value: "both" }] }, { // 字体颜色 title: vsLang.font_color, type: "colorpicker", bind: "legendFontColor" }, { // 字体尺寸 title: vsLang.font_size, type: "configSlide", bind: "legendFontSize", config: { slideEnd: 100 } }, { // 间隔 title: vsLang.item_gap, type: "configSlide", bind: "legendItemGap", config: { slideEnd: 100 } }, { // 显示方向 title: vsLang.orientation, type: "radio-icon", bind: "legendOrient", items: [{ // 垂直 name: vsLang.vertical, value: "vertical", icon: "fa fa-ellipsis-v" }, { // 水平 name: vsLang.horizontal, value: "horizontal", icon: "fa fa-ellipsis-h" }] }, { // 垂直位置 title: vsLang.vertical_position_short, type: "radio-icon", bind: "legendPosY", items: [{ // 顶部 name: vsLang.position_top, value: "top", icon: "fa fa-minus", pStyle: "padding-top:0;padding-bottom:12px;" }, { // 居中 name: vsLang.position_middle, value: "center", icon: "fa fa-minus", pStyle: "padding-top:6px;padding-bottom:6px;" }, { // 底部 name: vsLang.position_bottom, value: "bottom", icon: "fa fa-minus", pStyle: "padding-top:12px;padding-bottom:0px;" }] }, { // 水平位置 title: vsLang.horizontal_position_short, type: "radio-icon", bind: "legendPosX", items: [{ // 左侧 name: vsLang.position_left, value: "left", icon: "fa fa-align-left" }, { // 居中 name: vsLang.position_center, value: "center", icon: "fa fa-align-center" }, { // 右侧 name: vsLang.position_right, value: "right", icon: "fa fa-align-right" }] }, { // 交互 title: vsLang.interactive, type: "select-s", bind: "legendSelectedModeObj", items: [{ // 不可选择 name: vsLang.unselectable, value: false }, { // 多选 name: vsLang.multiselect, value: "multiple" }, { // 单选 name: vsLang.singleselect, value: "single" }] }] }); ~~~ * * * * * ~~~ chartCategory.groups.push({ title: { // 提示窗 text: vsLang.tooltip_window }, elements: [{ // 状态 title: vsLang.status, type: "radio-icon", bind: "tooltipStatus", items: [{ // 禁用 name: vsLang.disabled, value: "disable", icon: "fa fa-ban", }, { // 隐藏 name: vsLang.hidden, value: "hide", icon: "fa fa-eye-slash", }, { // 显示 name: vsLang.show, value: "show", icon: "fa fa-eye", }] }, { // 背景色 title: vsLang.bg_color, type: "colorpicker", bind: "tooltipBgColor" }, { // 边框颜色 title: vsLang.border_color, type: "colorpicker", bind: "tooltipBorderColor" }, { // 边框宽度 title: vsLang.border_width, type: "configSlide", bind: "tooltipBorderWidth", config: { slideEnd: 100 } }, { // 圆角 title: vsLang.border_radius, type: "configSlide", bind: "tooltipBorderRadiu", config: { slideEnd: 100 } }, { // 边距 title: vsLang.padding, type: "configSlide", bind: "tooltipPadding", config: { slideEnd: 100 } }, { // 字体颜色 title: vsLang.font_color, type: "colorpicker", bind: "tooltipFontColor" }, { // 字体尺寸 title: vsLang.font_size, type: "configSlide", bind: "tooltipFontSize", config: { slideEnd: 100 } }, { // 值脚本 title: vsLang.value_script, type: "script-editor", bind: "tooltipValueScript", btnClass: "btn-default", onClick: function (ele) { $vsUtils.openScriptEditorWindow($uibModal, $timeout, scope, element, ele.bind, "javascript", function () {}) } }] }); ~~~