123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111 |
- //차트 옵션 2020.08.**************** kgpark
- $(function () {
- "use strict";
- BWA.ChartOptions = BWA.ChartOptions || {};
- var C = BWA.ChartOptions.SimulatorIceStorage = BWA.ChartOptions.SimulatorIceStorage || {};
- var series = [{
- type: 'spline',
- pane: 'topPane',
- //axis: 'DayAhead',
- valueField: 'SimulationValue',
- visible: true, // 시리즈만 안보이게 할수 있다. 대신 그렇게 할려면 시작은 false로 해야 한다 hcLee 2015 04 25
- point: { size: 8 },
- color: '#8b33ff',
- name: '시뮬레이션 축열량'
- }];
- var ObservedSeries = [{
- type: 'bar',
- pane: 'topPane',
- valueField: 'ObservedValue',
- color: '#ccae1b',
- name: '실 계산 축열량'
- }];
- C.getSeriesOptions = function () {
- return {
- //palette: 'Carmine',
- valueAxis: {
- pane: 'topPane',
- title: {
- text: '축열량(%)'
- },
- grid: {
- visible: true,
- },
- showZero: true,
- },
- series: [ObservedSeries[0]].concat(series),
- argumentAxis: BWA.Chart.getTimeLineArgumentAxis(moment(), $Code.TimeType.QUARTERMIN),
- };
- };
- C.getChartOptions = function () {
- return {
- legend: {
- visible: true,
- verticalAlignment: 'top',
- horizontalAlignment: 'center',
- },
- argumentAxis: BWA.Chart.getTimeLineArgumentAxis(moment(), $Code.TimeType.QUARTERMIN),
- commonSeriesSettings: {
- argumentField: "DateTime",
- selectionStyle: {
- hatching: {
- direction: "right"
- }
- }
- },
- panes: [{
- name: 'topPane',
- border: {
- visible: false,
- left: false,
- right: false,
- top: false,
- color: 'gray'
- }
- }, ],
- defaultPane: "topPane",
- customizePoint: function () {
- },
- tooltip: {
- enabled: true,
- format: 'fixedPoint',
- precision: 2,
- shared: true,
- argumentFormat: 'shortDate',
- customizeTooltip: function (point) {
- return {
- text: "[" + point.argument.format("yy-MM-dd HH:mm") + "]" + "<br/>" + "<br/>" + point.valueText
- };
- }
- },
- crosshair: {
- enabled: true,
- width: 2,
- horizontalLine: {
- dashStyle: 'dash',
- visible: false
- },
- verticalLine: {
- dashStyle: 'dash',
- color: 'gray'
- },
- label: {
- visible: false,
- backgroundColor: "#949494",
- font: {
- color: "#fff",
- size: 12,
- }
- }
- }
- };
- };
- });
|