配置項tab · 代碼梳理

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 () {}) } }] }); ~~~