123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298 |
- $(function () {
- BWA.ChartOptions = BWA.ChartOptions || {};
- var seriesFuelType = new Array();
- BWA.ChartOptions.CO2EnergyUsage = {
- MakeSeries: function (fuelType) {
- seriesFuelType = [];
- for (var s = 0; s < fuelType.length; s++) {
- var ss = {
- type: 'stackedBar',
- valueField: fuelType[s].Name(),
- name: fuelType[s].Name(),
- //visible:false,
- label: {
- visible: false,
- customizeText: function () {
- return this.valueText + '';
- }
- }
- };
- seriesFuelType.push(ss);
- }
- },
- /*
- seriesServiceType = [
- {
- type: 'stackedBar',
- valueField: '냉방',
- //name: $G('gas'),
- name: '냉방',
- label: {
- visible: false,
- customizeText: function () {
- return this.valueText + 'TOE';
- }
- }
- }, {
- type: 'stackedBar',
- valueField: '난방',
- //name: $G('water'),
- name: '난방',
- label: {
- visible: false,
- customizeText: function () {
- return this.valueText + 'TOE';
- }
- }
- }, {
- type: 'stackedBar',
- valueField: '환기',
- //name: $G('water'),
- name: '환기',
- label: {
- visible: false,
- customizeText: function () {
- return this.valueText + 'TOE';
- }
- }
- }, {
- type: 'stackedBar',
- valueField: '냉난방환기',
- //name: $G('water'),
- name: '냉난방',
- label: {
- visible: false,
- customizeText: function () {
- return this.valueText + 'TOE';
- }
- }
- }];
- },*/
- getPieChartDayOptions: function () {
- return _.extend({
- palette: "Ocean",
- //palette: "Bright",
- }, BWA.ChartOptions.CO2EnergyUsage.getPieChartOptions());
- },
- getPieChartMonthOptions: function () {
- return _.extend({
- palette: "Ocean",
- }, BWA.ChartOptions.CO2EnergyUsage.getPieChartOptions());
- },
- getBarChartDayOptions: function () {
- return _.extend({
- palette: "Ocean",
- //palette: "Bright",
- }, BWA.ChartOptions.CO2EnergyUsage.getBarChartOptions($Code.TimeType.DAY));
- },
- getBarChartMonthOptions: function (handlePointClick) {
- return _.extend({
- palette: "Ocean",
- }, BWA.ChartOptions.CO2EnergyUsage.getBarChartOptions($Code.TimeType.MONTH, handlePointClick));
- },
- getPieChartOptions: function () {
- return {
- legend: {
- horizontalAlignment: "right",
- verticalAlignment: "top",
- margin: 10,
- border: {
- visible: true
- }
- },
- tooltip: {
- enabled: true,
- format: 'fixedPoint',
- precision: 2,
- customizeTooltip: function (point) {
- return {
- text: [this.argumentText, ': ', this.valueText].join('')
- };
- }
- },
- series: [
- {
- type: "doughnut", // if not, pie.
- argumentField: "FuelTypeName",
- valueField: "Value",
- hoverStyle: {
- color: "#ffd700"
- },
- label: {
- visible: true,
- connector: {
- visible: true
- },
- customizeText: function (pointInfo) {
- //return pointInfo.argumentText;
- return pointInfo.percentText;
- }
- }
- }
- ]
- };
- },
- getBarChartOptions: function (codeTimeType, handlePointClick) {
- //alert('in getBarChartOptions');
- var argumentAxis;
- switch (codeTimeType) {
- case $Code.TimeType.DAY:
- argumentAxis = {
- label: {
- customizeText: function () {
- return this.value + '일';
- }
- },
- //min: moment().startOf('month').date(),
- //max: moment().endOf('month').date(),
- //valueMarginsEnabled: false,
- tickInterval: 5,
- //minValueMargin: 0.0,
- //maxValueMargin: 0.02,
- };
- break;
- case $Code.TimeType.MONTH:
- /*
- argumentAxis = {
- label: {
- customizeText: function() {
- return this.value + '월';
- }
- },
- //min: 1,
- //max: 12,
- //valueMarginsEnabled: false,
- //tickInterval: 1,
- //minValueMargin: 0.0,
- //maxValueMargin: 0.02,
- };*/
- break;
- }
- //argumentAxis.argumentType = 'string';
- return {
- pointClick: handlePointClick,
- legend: {
- visible: false,
- verticalAlignment: 'center',
- horizontalAlignment: 'right',
- border: {
- visible: true
- }
- },
- argumentAxis: argumentAxis,
- commonSeriesSettings: {
- type: 'stackedBar',
- argumentField: 'DateTime',
- selectionStyle: {
- hatching: {
- direction: "left"
- }
- }
- },
- valueAxis: [{
- label: {
- //format: 'thousands'
- },
- title: {
- text: 'tCO2'
- }
- }],
- //series: Datas = new Array(),
- series:
- seriesFuelType,
- /*
- [
- {
- type: 'stackedBar',
- valueField: '냉방',
- //name: $G('gas'),
- name: '냉방',
- label: {
- visible: false,
- customizeText: function() {
- return this.valueText + 'TOE';
- }
- }
- }, {
- type: 'stackedBar',
- valueField: '난방',
- //name: $G('water'),
- name: '난방',
- label: {
- visible: false,
- customizeText: function() {
- return this.valueText + 'TOE';
- }
- }
-
- }, {
- type: 'stackedBar',
- valueField: '환기',
- //name: $G('water'),
- name: '환기',
- label: {
- visible: false,
- customizeText: function () {
- return this.valueText + 'TOE';
- }
- }
- }, {
- type: 'stackedBar',
- valueField: '냉난방환기',
- //name: $G('water'),
- name: '냉난방',
- label: {
- visible: false,
- customizeText: function () {
- return this.valueText + 'TOE';
- }
- }
- }], */
- tooltip: {
- enabled: true,
- format: 'fixedPoint',
- precision: 2,
- argumentFormat: 'shortDate',
- customizeTooltip: function (point) {
- return {
- text: [this.valueText].join('')
- };
- }
- },
- crosshair: {
- enabled: false,
- width: 2,
- horizontalLine: {
- //color: 'skyblue',
- dashStyle: 'dash',
- visible: false
- },
- verticalLine: {
- //color: 'limegreen',
- dashStyle: 'dash'
- },
- label: {
- visible: true,
- backgroundColor: "#949494",
- font: {
- color: "#fff",
- size: 12,
- }
- }
- }
- };
- }
- };
- });
|