现在如何增加服务中性能分析小部件的大小?

wgx48brx  于 2021-09-29  发布在  Java
关注(0)|答案(0)|浏览(142)

我是servicenow portal的新手,正在尝试增加performance analytics小部件中的量表大小。前两个 Jmeter 来自报告小部件。它看起来和柱子很相配。但是底部的小部件太小了。我怎样才能增加尺寸?

小部件html

<div class="pa-widget-service-portal__parent-container">
<div class="pa-widget-service-portal" role="group">
    <h2 class="title-container "
        id="{{'title-' + c.titleId}}"
        ng-class="{ show: c.showTitle }">
        {{::c.title}}
    </h2>
    <div class="initial-message-container" ng-class="{ show: c.initialMessageVisible }">
        {{::c.initialMessage}}
    </div>
    <div class="react-component" ng-if="c.reactComponent">
        <pa-react-wrapper
            type="{{::c.widgetRoute}}"
            uuid="{{::c.uuid}}"
            widget-id="{{::c.widgetId}}"
            lang={{::c.lang}}
            dow={{::c.dow}}
            visualization={{::c.visualization}}
            insights-Enabled={{::c.insightsEnabled}}
            text-cutoff-value={{::c.cutoffValue}}
            text-cutoff-type={{::c.cutoffType}}
            text-cutoff-condition={{::c.cutoffCondition}}
            text-limit={{::c.textLimit}}
            text-default-field={{::c.defaultField}}
            text-words-trendline-limit={{::c.textWordsInTrendline}}>
        </pa-react-wrapper>
    </div>
</div>

小部件客户端脚本

function paSPClientController($compile, $element, $scope, $http, $timeout) {
/* widget controller */
var c = this;

// Initial message
c.initialMessageVisible = !Boolean(c.options.widget_id);
c.initialMessage = c.data.i18n.initialMessage;

// Title
c.title = '';
c.showTitle = (c.options.show_title && c.options.show_title !== 'false');
if (c.options.widget_parameters) {
    var widgetParameters = JSON.parse(c.options.widget_parameters);
    if (typeof widgetParameters.widget_id === 'object')
        c.title = widgetParameters.widget_id.displayValue;
}

//PA messages
if (!top.SNC.PA.msg || $.isEmptyObject(top.SNC.PA.msg)) {
    top.SNC.PA.msg = JSON.parse(c.data.i18n.paMsgs);
}

var httpOptions = {
    url: 'angular.do',
    params: {
        sysparm_type: 'pa_widget',
        type: 'getwidgetserviceportal',
        widget: c.options.widget_id
    }
};
$http(httpOptions, true).then(function afterResponse(result) {
    if (!result.data.type || !result.data.sys_id)
        return;

    c.initialMessageVisible = false;
    if (c.showTitle)
        c.titleId = result.data.sys_id;

    var compiledWidget;
    if (isReactWidget(result.data.type, result.data.newVisualizationEnabled)) {
        // Text Analytics Widget is in React
        c.widgetId = result.data.sys_id;
        c.uuid = result.data.uuid;
        c.reactComponent = true;
        c.lang = c.data.language;
        c.dow = c.data.dow;
        c.cutoffValue = result.data.text_cut_off_value;
        c.cutoffType = result.data.text_cut_off_type;
        c.cutoffCondition = result.data.text_cut_off_condition;
        c.defaultField = result.data.text_default_field;
        c.textLimit = result.data.text_limit;
        c.visualization = result.data.visualization;
        c.textWordsInTrendline = result.data.text_words_in_trendline;
        c.type = result.data.type;
        c.insightsEnabled = result.data.insightsEnabled;
        switch(c.type) {
            case 'text': c.widgetRoute = '/widgets/text-analytics'; break;
            case 'insight': c.widgetRoute = '/widgets/insights'; break;
            case 'time': c.widgetRoute = '/widgets/time-series'; break;
            case 'score': c.widgetRoute = '/widgets/single-score'; break;
            default: c.widgetRoute = '/widgets/text-analytics'; break;
        }

        $timeout(function afterAngularRender() {
            var element = angular.element('pa-react-wrapper', $element).get(0);
            window.servicePortalPaUIWidget.render(element);
        });
        $scope.$on('$destroy', function onAngularDestroy() {
            var element = angular.element('pa-react-wrapper', $element).get(0);
            window.servicePortalPaUIWidget.destroy(element);
        });
    } else {
        // Will be removed when we switch all widgets to react
        compiledWidget = $compile('<div class="pa-widget-' + result.data.type + '" widget="' + result.data.sys_id + '"></div>')($scope);
        angular.element('.pa-widget-service-portal', $element).append(compiledWidget);
    }
});

function isReactWidget(type, newVisualizationEnabled) {
    var reactWidgetTypes = ['text', 'insight'];
    if (newVisualizationEnabled) {
        reactWidgetTypes.push('time');
        reactWidgetTypes.push('score');
    }
    return reactWidgetTypes.indexOf(type) != -1;
}}

小部件服务器脚本

(function() {
/* populate the 'data' object */
data.i18n = {
    initialMessage: gs.getMessage('Please select a widget'),
    paMsgs: SNC.PAUtils.getMessages()
};
data.language = gs.getSession().getLanguage();
data.dow = gs.getProperty('glide.ui.date_format.first_day_of_week', 1);
 })();

我尝试使用highchart配置代码,但没有更改。

var gaugeOptions = {
chart: {
    type: 'solidgauge'
},

title: null,

pane: {
    center: ['50%', '85%'],
    size: '140%',
    startAngle: -90,
    endAngle: 90,
    background: {
        backgroundColor:
            Highcharts.defaultOptions.legend.backgroundColor || '#EEE',
        innerRadius: '60%',
        outerRadius: '100%',
        shape: 'arc'
    }
} }

暂无答案!

目前还没有任何答案,快来回答吧!

相关问题