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,
- }
- }
- }
- };
- };
- });
|