| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315 | $(function () {    BWA.ChartOptions = BWA.ChartOptions || {};    var C = BWA.ChartOptions.ElecPeak = BWA.ChartOptions.ElecPeak || {};    C.getChartOptionsMIN = function (codeTimeType, goalUpperBound, maxValue) {        return {            legend: {                visible: true,                verticalAlignment: 'top',                horizontalAlignment: 'center',            },            valueAxis: {                type: 'bar',                pane: 'topPane',                valueField: 'Value',                name: '전력',                max: maxValue,                title: {                    text: '전력 (kW)'                },                constantLines: [{                    label: {                        text: '목표전력'                    },                    width: 2,                    value: goalUpperBound,                    color: '#ff4500',                    dashStyle: 'dash'                }]            },            series: {                type: 'bar',                pane: 'topPane',                valueField: 'Value',                name: '전력',            },            argumentAxis:            {                argumentType: 'datetime',                label: {                    alignment: 'center',                    format: 'dd일 HH시-mm분'                },                tickInterval: { minutes: 1 },            },            commonSeriesSettings: {                argumentField: "DateTime",                selectionStyle: {                    hatching: {                        direction: "right"                    }                }            },            panes: [{                name: 'topPane',                border: {                    visible: false,                    left: false,                    right: false,                    top: false,                    color: 'gray'                }            }],            defaultPane: "topPane",            tooltip: {                enabled: true,                format: 'fixedPoint',                precision: 2,                shared: true,                argumentFormat: 'shortDate',                customizeTooltip: function () {                    //return { text: '['+this.argument.format('yyyy-MM-dd HH:mm') + '] : ' + this.value };                    return this.valuetext;                }            },            crosshair: {                enabled: true,                width: 2,                horizontalLine: {                    color: 'limegreen',                    dashStyle: 'solid',                    visible: false                },                verticalLine: {                    color: 'limegreen',                    dashStyle: 'solid',                    visible: true                },                label: {                    visible: true,                    backgroundColor: "#949494",                    font: {                        color: "#fff",                        size: 12,                    }                }            }        };    };    C.getChartOptionsDAY = function (codeTimeType, goalUpperBound, maxValue, MS, ME) {        return {            legend: {                visible: true,                verticalAlignment: 'top',                horizontalAlignment: 'center',            },            //adjustOnZoom: true,            valueAxis: {                type: 'bar',                pane: 'topPane',                valueField: 'Value',                name: '전력',                max: maxValue,                title: {                    text: '전력 (kW)'                },                constantLines: [{                    label: {                        text: '목표전력'                    },                    width: 2,                    value: goalUpperBound,                    color: '#ff4500',                    dashStyle: 'dash'                }]            },            series: {                type: 'bar',                pane: 'topPane',                valueField: 'Value',                name: '전력',            },            argumentAxis:            {                argumentType: 'MaxDateTime',                label: {                    alignment: 'center',                    format: 'MM월 dd일'                },                tickInterval: { days: 1 },                //maxValueMargin: 0.01,                min: moment(MS).add(1, 'days').toDate(),                max: moment(ME).add(-1, 'days').toDate()            },            commonSeriesSettings: {                argumentField: "DateTime",                selectionStyle: {                    hatching: {                        direction: "right"                    }                },                equalColumnWidth: true            },            panes: [{                name: 'topPane',                border: {                    visible: false,                    left: false,                    right: false,                    top: false,                    color: 'gray'                }            }],            defaultPane: "topPane",            tooltip: {                enabled: true,                format: 'fixedPoint',                precision: 2,                shared: true,                argumentFormat: 'shortDate',                customizeTooltip: function () {                    // return { text: '[' + this.argument.format('yyyy-MM-dd HH:mm') + '] : ' + this.value };                    return this.valuetext;                }            },            crosshair: {                enabled: true,                width: 2,                horizontalLine: {                    color: 'limegreen',                    dashStyle: 'solid',                    visible: false                },                verticalLine: {                    color: 'limegreen',                    dashStyle: 'solid',                    visible: false                },                label: {                    visible: true,                    backgroundColor: "#949494",                    font: {                        color: "#fff",                        size: 12,                    }                }            }        };    };    C.getChartOptionsMONTH = function (codeTimeType, goalUpperBound, maxValue, MS, ME) {        return {            legend: {                visible: true,                verticalAlignment: 'top',                horizontalAlignment: 'center',            },            //adjustOnZoom: true,            valueAxis: {                type: 'bar',                pane: 'topPane',                valueField: 'Value',                name: '전력',                max: maxValue,                title: {                    text: '전력 (kW)'                },                constantLines: [{                    label: {                        text: '목표전력'                    },                    width: 2,                    value: goalUpperBound,                    color: '#ff4500',                    dashStyle: 'dash'                }]            },            series: {                type: 'bar',                pane: 'topPane',                valueField: 'Value',                name: '전력',            },            argumentAxis:            {                argumentType: 'MaxDateTime',                label: {                    alignment: 'center',                    format: 'MM월'                },                tickInterval: { months: 1 },                //maxValueMargin: 0.01,                min: moment(MS).add(1, 'months').toDate(),                max: moment(ME).add(-1, 'months').toDate()            },            commonSeriesSettings: {                argumentField: "DateTime",                selectionStyle: {                    hatching: {                        direction: "right"                    }                },                equalColumnWidth: true            },            panes: [{                name: 'topPane',                border: {                    visible: false,                    left: false,                    right: false,                    top: false,                    color: 'gray'                }            }],            defaultPane: "topPane",            tooltip: {                enabled: true,                format: 'fixedPoint',                precision: 2,                shared: true,                argumentFormat: 'shortDate',                customizeTooltip: function () {                    //return { text: '[' + this.argument.format('yyyy-MM-dd HH:mm') + '] : ' + this.value };                    return this.valuetext;                },            },            crosshair: {                enabled: true,                width: 2,                horizontalLine: {                    color: 'limegreen',                    dashStyle: 'solid',                    visible: false                },                verticalLine: {                    color: 'limegreen',                    dashStyle: 'solid',                    visible: false                },                label: {                    visible: false,                    backgroundColor: "#949494",                    font: {                        color: "#fff",                        size: 12,                    }                }            }        };    };});
 |