\"; ","; (function (inovestor) {\n // Create plugin namespace with any desired config variable\n inovestor.ms.chart = inovestor.ms.chart || {};\n})(inovestor);\n\n\n; (function (inovestor, undefined) {\n // Create plugin namespace with any desired config variable\n inovestor.ms.chart.historical = {\n config: {\n apiStocksRelativeUrl: 'chartDatas/historicalData?symbols={symbols}',\n apiFundsRelativeUrl: 'mutualfunds/historicaldata?symbols={symbols}',\n apiIntraDayUrl: 'chartDatas/historicalData?symbols={symbols}&dataType=Intraday',\n apiQuoteUrl: 'quotes?symbols={symbols}'\n }\n };\n\n})(inovestor);\n\n\n; (function ($, Highcharts, historical, undefined) {\n\n historical.charts = historical.charts || {};\n historical.charts['fund'] = function () {\n var plugin = this;\n var chart = {\n data: $.extend({}, plugin.options.chartData),\n\n init: function () { },\n destroy: function () { },\n\n beforeRender: function () { },\n afterRender: function () { },\n\n beforeUpdateData: function () { },\n afterUpdateData: function () { },\n\n updateData: function () {\n var defer = $.Deferred(),\n symbolsList = plugin._getSymbols();\n\n if (inovestor.ms.core.isNullOrUndefined(symbolsList))\n throw 'No Symbols detected';\n\n // Setup API url with term\n var historicalFundApiUrl = inovestor.ms.core.stringFormat(inovestor.ms.chart.historical.config.apiFundsRelativeUrl, { symbols: symbolsList.join(',') });\n\n // Call API and render chart\n var options = { type: 'GET', contentType: 'application/json', error: function (error) { plugin.apiErrorHandler(error); } };\n inovestor.ms.core.ajaxApi(historicalFundApiUrl, options).then(function (data) {\n if (!inovestor.ms.core.isNullOrUndefined(data)) {\n // Main series is expecting a symbol property instead of a fundSymbol\n for (var i in data)\n data[i].symbol = data[i].fundSymbol;\n\n chart._updateStockSeriesData(data);\n plugin._setFundChartExtremes(false);\n plugin._chartInstance.redraw();\n defer.resolve();\n }\n });\n\n return defer.promise();\n },\n convertChartDataToChartDataSet: function (chartData) {\n var showBalance = !inovestor.ms.core.isNullOrUndefined(plugin.options.startingBalance);\n\n if (inovestor.ms.core.isNullOrUndefined(chartData) || inovestor.ms.core.isNullOrUndefined(chartData.historicalDatas))\n return [];\n\n var convertedData = [];\n if (chartData.requestStatus === 'success') {\n for (var j in chartData.historicalDatas) {\n var historicalData = chartData.historicalDatas[j];\n\n if (showBalance) {\n var percentageChange = 0;\n var yVal = plugin.options.startingBalance;\n if (convertedData.length > 0) {\n var lastPoint = convertedData[convertedData.length - 1];\n percentageChange = ((lastPoint.navps - historicalData.navps) / lastPoint.navps) * -1;\n yVal = lastPoint.y + (lastPoint.y * percentageChange);\n }\n convertedData.push({\n y: yVal,\n x: moment.utc(historicalData.date).valueOf(),\n formattedY: Highcharts.numberFormat(yVal, 0),\n navps: historicalData.navps,\n percentageChange: Highcharts.numberFormat(percentageChange * 100, 2)\n });\n }\n else {\n var percentageChange = 0;\n if (convertedData.length > 0) {\n var lastPoint = convertedData[convertedData.length - 1];\n percentageChange = ((lastPoint.navps - historicalData.navps) / lastPoint.navps) * -1;\n }\n convertedData.push({\n y: historicalData.navps,\n x: moment.utc(historicalData.date).valueOf(),\n formattedY: Highcharts.numberFormat(historicalData.navps * 100, 2),\n navps: historicalData.navps,\n percentageChange: Highcharts.numberFormat(percentageChange * 100, 2)\n });\n }\n }\n }\n return convertedData;\n },\n\n getChartConfig: function () {\n var resource = inovestor.ms.core.getCurrentResource(inovestor.ms.chart.historical.resources);\n var showTitle = !inovestor.ms.core.isNullOrUndefined(plugin.options.showTitle);\n var showBalance = !inovestor.ms.core.isNullOrUndefined(plugin.options.startingBalance)\n\n return {\n chart: {\n zoomType: !plugin.options.isMobile ? 'x' : '',\n height: plugin.options.isMobile ? 250 : undefined,\n panning: false,\n pinchType: false,\n styledMode: plugin.options.styledMode ? plugin.options.styledMode : false\n },\n title: {\n text: showTitle ? showBalance\n ? inovestor.ms.core.stringFormat(resource.chartGrowthTitle, { growth: Highcharts.numberFormat(plugin.options.startingBalance, 0) })\n : resource.chartChangeTitle : null\n },\n rangeSelector: {\n enabled: false\n },\n navigator: {\n enabled: false\n },\n scrollbar: {\n enabled: false\n },\n plotOptions: {\n series: {\n turboThreshold: 0,\n states: {\n hover: {\n enabled: false\n }\n },\n animation: false,\n dataGrouping: {\n units: [['week', [1]]],\n dateTimeLabelFormats: {\n week: [resource.stockTooltip.week + ' %A, %b %e, %Y', '%A, %b %e', '-%A, %b %e, %Y']\n },\n }\n }\n },\n xAxis: {\n type: 'datetime',\n ordinal: false,\n labels: {\n format: '{value:%b %Y}',\n rotation: 0\n }\n },\n yAxis: {\n offset: 35,\n labels: {\n style: {\n fontSize: '10.5px'\n },\n formatter: function () {\n var value = Highcharts.numberFormat(this.value, showBalance? 0 : 2);\n return value;\n },\n },\n opposite: showBalance? false : true\n },\n tooltip: {\n enabledIndicators: true,\n headerFormat: '
{point.key}
',\n footerFormat: null,\n style: {\n lineHeight: '1.5em'\n },\n pointFormatter: function () {\n var seriesData = plugin._chartTooltipData[this.series.name] ? plugin._chartTooltipData[this.series.name] : null;\n if (seriesData == null)\n return null;\n\n // If mobile, only show the first series in tooltip\n if (plugin.options.isMobile && plugin._mainSerieId !== this.series.name)\n return '';\n\n if (this.x == null)\n return null;\n var date = new Date(this.x);\n\n var dataPoint = null;\n var date = new Date(this.x);\n for (var iCnt = 0; iCnt < seriesData.data.length; iCnt++) {\n var itemDate = new Date(seriesData.data[iCnt].x);\n\n //series is always in right order. We take the first to be greater or equal in case of market closed during the week.\n if (itemDate.getTime() >= date.getTime()) {\n dataPoint = seriesData.data[iCnt];\n break;\n }\n }\n\n if (dataPoint == null)\n return null;\n\n var format =\n '{serieName} ';\n if (showBalance)\n format += '' + resource.fundTooltip.balanceLabel + ': ' +\n '{balance} ';\n\n format += '' + resource.fundTooltip.changeLabel + ': ' +\n '{change}';\n format += ' ' + resource.fundTooltip.navpsLabel + ': ' +\n '{navps} ';\n\n var seriesName = !this.change ? seriesData.name : seriesData.name + ' (' + Highcharts.numberFormat(this.change, 2) + '%)';\n\n var tooltip = inovestor.ms.core.stringFormat(format, {\n color: this.color,\n serieName: seriesName,\n balance: inovestor.ms.core.stringFormat(resource.fundTooltip.balanceValue, { balance: dataPoint.formattedY }),\n navps: Highcharts.numberFormat(dataPoint.navps, 2),\n change: inovestor.ms.core.stringFormat(resource.fundTooltip.changeValue, { change: dataPoint.percentageChange }),\n });\n return tooltip;\n }\n },\n series: []\n };\n },\n getChartType: function () {\n return 'line'; // only supports line for now\n },\n\n _updateStockSeriesData: function (data) {\n // Reset required data\n plugin._chartTooltipData = [];\n\n var otherSeriesData = [];\n var symbolIndex = 0;\n for (var symbol in plugin._symbols) {\n for (var index in data) {\n if (data[index].fundSymbol.toLowerCase() === symbol.toLowerCase()) {\n if (symbolIndex === 0)\n plugin._mainSerieDataSource = data[index];\n else\n otherSeriesData.push(data[index]);\n }\n }\n symbolIndex++;\n }\n plugin._otherSeriesDataSources = otherSeriesData;\n plugin._updateChartSeries();\n },\n };\n\n return chart;\n };\n\n})(inovestor.ms.libRef.jQuery, inovestor.ms.libRef.highcharts, inovestor.ms.chart.historical);\n\n\n; (function ($, Highcharts, historical, undefined) {\n\n historical.charts = historical.charts || {};\n historical.charts['stock'] = function () {\n var plugin = this;\n var chart = {\n data: $.extend({}, {\n showVolume: true,\n showNavigator: true,\n isOneDaySelected: false,\n zoomType: 'month',\n zoomCount: 6,\n }, plugin.options.chartData),\n\n toolbarOptions: $.extend({}, {\n showZoom: true,\n showIndexComparer: true,\n showTypeSwitcher: true,\n showFullScreenButton: true\n }, plugin.options.toolbarOptions),\n\n init: function () {\n if (plugin.options.isMobile) {\n chart.data.showVolume = true;\n chart.data.showNavigator = true;\n }\n\n // Add default others symbols\n if (inovestor.ms.core.isNullOrUndefined(plugin.options.otherSymbols))\n plugin.options.otherSymbols = [\n { symbol: 'INXTSX:SPTSX', nameEn: 'S&P TSX', nameFr: 'S&P TSX', selected: false },\n { symbol: 'INXTSX:SPTSXVEN', nameEn: 'S&P TSX Venture', nameFr: 'S&P TSX Venture', selected: false },\n { symbol: 'INXSNP:SPX', nameEn: 'S&P 500', nameFr: 'S&P 500', selected: false },\n { symbol: 'INXDJX:DJI', nameEn: 'Dow Jones', nameFr: 'Dow Jones', selected: false },\n { symbol: 'INXNDX:CCMP', nameEn: 'NASDAQ', nameFr: 'NASDAQ', selected: false }\n ];\n\n // make sure options are correctly set when loading as intra day by default\n if (chart.data.isOneDaySelected || chart.data.zoomType === 'intraday') {\n chart.data.isOneDaySelected = true;\n chart.data.zoomType = 'intraday';\n }\n },\n destroy: function () {\n if (chart.data.$actionBarElement)\n chart.data.$actionBarElement.remove();\n },\n\n beforeRender: function () {\n },\n afterRender: function () {\n var resource = inovestor.ms.core.getCurrentResource(inovestor.ms.chart.historical.resources);\n var $actionBar = $('');\n\n // Add Stock chart specific stuff\n if (chart.toolbarOptions.showZoom) {\n chart.data.$actionBarElement = chart.data.$actionBarElement || $actionBar;\n chart._addTimespanSelectors(); // Timespan selectors supprots mobile as is\n }\n if (chart.toolbarOptions.showIndexComparer) {\n chart.data.$actionBarElement = chart.data.$actionBarElement || $actionBar;\n chart._addIndexSelectors();\n }\n if (chart.toolbarOptions.showTypeSwitcher) {\n chart.data.$actionBarElement = chart.data.$actionBarElement || $actionBar;\n chart._addChartTypeDropdown();\n }\n if (chart.toolbarOptions.showFullScreenButton) {\n chart.data.$actionBarElement = chart.data.$actionBarElement || $actionBar;\n chart._addFullScreenButton();\n }\n\n if (chart.data.$actionBarElement) {\n plugin.$chartElement.addClass('has-chart-actions');\n plugin.$element.prepend(chart.data.$actionBarElement);\n }\n },\n\n beforeUpdateData: function () {\n if (chart.data.$actionBarElement) \n chart.data.$actionBarElement.css('visibility', 'hidden');\n },\n afterUpdateData: function () {\n if (chart.data.$actionBarElement)\n chart.data.$actionBarElement.css('visibility', 'visible'); \n },\n\n updateData: function () {\n var defer = $.Deferred(),\n symbolsList = plugin._getSymbols(),\n type = chart.data.zoomType,\n count = chart.data.zoomCount,\n isChangingMode = (chart.data.isOneDaySelected && type !== 'intraday') || (!chart.data.isOneDaySelected && type === 'intraday');\n\n if (inovestor.ms.core.isNullOrUndefined(symbolsList))\n throw 'No Symbols detected';\n\n // Always remove the intraday plot line when getting new data as it needs to be calculated.\n chart._removeIntradayClosePlotLine();\n\n // Update options\n chart.data.isOneDaySelected = type === 'intraday';\n plugin.options.chartCompareModeEnabled = symbolsList.length > 1;\n\n // Get Data\n if (!chart.data.isOneDaySelected) {\n var cacheKey = \"daily.\" + symbolsList.join(',');\n var cachedData = plugin._apiCache(cacheKey);\n if (cachedData) {\n chart._updateAndSetupChartData(cachedData, null, type, count, isChangingMode);\n defer.resolve();\n }\n else {\n chart._getStockDailyData(symbolsList).then(function (data) {\n plugin._apiCache(cacheKey, data);\n chart._updateAndSetupChartData(data, null, type, count, true);\n defer.resolve();\n });\n }\n }\n else {\n $.when(chart._getIntradayData(symbolsList), chart._getQuoteData(symbolsList)).then(function (intradayResult, quoteResult) {\n // Each argument is an array with the following structure: [ data, statusText, jqXHR ] (because of jQuery)\n chart._updateAndSetupChartData(intradayResult[0], quoteResult[0], type, count, isChangingMode);\n defer.resolve();\n });\n }\n\n return defer.promise();\n },\n convertChartDataToChartDataSet: function (chartData) {\n if (inovestor.ms.core.isNullOrUndefined(chartData) || inovestor.ms.core.isNullOrUndefined(chartData.fields) || inovestor.ms.core.isNullOrUndefined(chartData.datas))\n return [];\n\n var convertedData = [];\n var dateIndex = chartData.fields.indexOf(\"date\");\n var openIndex = chartData.fields.indexOf(\"open\");\n var highIndex = chartData.fields.indexOf(\"high\");\n var lowIndex = chartData.fields.indexOf(\"low\");\n var closeIndex = chartData.fields.indexOf(\"close\");\n var volumeIndex = chartData.fields.indexOf(\"volume\");\n\n if (this.getChartType() == 'ohlc' || this.getChartType() == 'candlestick') {\n for (var i in chartData.datas) {\n var date = moment.utc(chartData.datas[i][dateIndex]).valueOf();\n convertedData.push([\n date,\n chartData.datas[i][openIndex],\n chartData.datas[i][highIndex],\n chartData.datas[i][lowIndex],\n chartData.datas[i][closeIndex],\n chartData.datas[i][volumeIndex]\n ]);\n }\n }\n else {\n for (var i in chartData.datas) {\n var date = moment.utc(chartData.datas[i][dateIndex]).valueOf();\n convertedData.push([\n date,\n chartData.datas[i][closeIndex],\n chartData.datas[i][highIndex],\n chartData.datas[i][lowIndex],\n chartData.datas[i][openIndex],\n chartData.datas[i][volumeIndex]\n ]);\n }\n }\n\n return convertedData;\n },\n\n getChartConfig: function (isInCompareMode) {\n var resource = inovestor.ms.core.getCurrentResource(inovestor.ms.chart.historical.resources);\n var getChartType = this.getChartType;\n\n return {\n chart: {\n zoomType: chart.data.showNavigator ? 'x' : '',\n marginBottom: chart.data.showNavigator ? 15 : undefined,\n height: chart.data.height ? chart.data.height : plugin.options.isMobile ? 250 : undefined,\n panning: false,\n pinchType: false,\n styledMode: plugin.options.styledMode ? plugin.options.styledMode : false\n },\n rangeSelector: {\n buttons: [],\n enabled: false,\n inputEnabled: false\n },\n navigator: {\n enabled: chart.data.showNavigator\n },\n scrollbar: {\n enabled: false\n },\n plotOptions: {\n series: {\n color: '#538dac',\n fillColor: 'rgba(203, 221, 230, 0.70)',\n turboThreshold: 0,\n states: {\n hover: {\n enabled: false\n }\n },\n animation: false,\n dataGrouping: {\n enabled: false,\n dateTimeLabelFormats: {\n week: [resource.stockTooltip.week + ' %A, %b %d, %Y']\n }\n }\n },\n\n },\n xAxis: {\n type: 'datetime',\n ordinal: chart.data.isOneDaySelected ? false : true,\n tickInterval: chart.data.isOneDaySelected ? 3600 * 1000 : 3 * 30 * 24 * 3600 * 1000,\n labels: {\n format: chart.data.isOneDaySelected ? '{value:%H:%M}' : '{value:%b %Y}',\n rotation: 0\n },\n },\n yAxis: chart.data.showNavigator ? [\n {\n height: plugin.options.isMobile ? '70%' : \"81%\",\n offset: 45,\n labels: {\n style: {\n fontSize: '10.5px'\n },\n formatter: function () {\n var value = Highcharts.numberFormat(this.value, 2);\n if (plugin.options.chartCompareModeEnabled) {\n value = \"\";\n if (this.value > 0)\n value = \"+\";\n\n value += Highcharts.numberFormat(this.value, 2) + \"%\";\n }\n return value;\n },\n }\n },\n {\n title: { text: resource.stockChartVolume },\n top: '85%',\n height: '15%',\n offset: 45,\n showLastLabel: true,\n tickPositioner: function () {\n var positions = [];\n positions.push(0);\n if (this.max) {\n positions.push(this.max / 2);\n positions.push(this.max);\n }\n\n return positions;\n },\n labels: {\n style: {\n fontSize: '10.5px'\n },\n formatter: function () {\n if (this.value) {\n if (this.axis.max && this.axis.max > 1000000) {\n return Highcharts.numberFormat(this.value / 1000000, 2) + 'M';\n }\n else {\n return Highcharts.numberFormat(this.value / 1000, 0) + 'K';\n }\n }\n else {\n return null;\n }\n }\n }\n }]\n :\n [{\n height: '100%',\n labels: {\n align: 'left',\n style: {\n fontSize: '10.5px'\n },\n formatter: function () {\n var value = Highcharts.numberFormat(this.value, 2);\n if (plugin.options.chartCompareModeEnabled) {\n value = \"\";\n if (this.value > 0)\n value = \"+\";\n\n value += Highcharts.numberFormat(this.value, 2) + \"%\";\n }\n return value;\n },\n }\n }],\n tooltip: {\n headerFormat: '
{point.key}
',\n footerFormat: '',\n style: {\n lineHeight: plugin.options.isMobile ? '10px' : '1.5em'\n },\n pointFormatter: function () {\n var seriesData = plugin._chartTooltipData[this.series.name] ? plugin._chartTooltipData[this.series.name] : null;\n if (seriesData == null || this.x == null)\n return null;\n\n var dataPoint = null;\n var date = new Date(this.x);\n for (var iCnt = 0; iCnt < seriesData.data.length; iCnt++) {\n var itemDate = new Date(seriesData.data[iCnt][0]);\n\n //series is always in right order. We take the first to be greater or equal in case of market closed during the week.\n if (itemDate.getTime() >= date.getTime()) {\n dataPoint = seriesData.data[iCnt];\n break;\n }\n }\n\n if (dataPoint == null)\n return null;\n\n \n var format = ''\n if (plugin.options.isMobile) {\n format =\n '{serieName} '\n } else {\n format =\n '{serieName} ' +\n '' + resource.stockTooltip.open + ': ' +\n '{open}' +\n ' ' + resource.stockTooltip.high + ': ' +\n '{high}' +\n ' ' + resource.stockTooltip.low + ': ' +\n '{low}' +\n ' ' + resource.stockTooltip.close + ': ' +\n '{close} ';\n }\n\n if (!inovestor.ms.core.isNullOrUndefined(dataPoint[5]) && !plugin.options.isMobile)\n format += '' + resource.stockTooltip.volume + ': ' +\n '{volume} ';\n\n var seriesName = !this.change ? seriesData.name : seriesData.name + ' (' + Highcharts.numberFormat(this.change, 2) + '%)';\n\n if (getChartType() == 'ohlc' || getChartType() == 'candlestick') {\n var tooltip = inovestor.ms.core.stringFormat(format, {\n color: this.color,\n serieName: seriesName,\n close: Highcharts.numberFormat(dataPoint[4], 2),\n high: Highcharts.numberFormat(dataPoint[2], 2),\n open: Highcharts.numberFormat(dataPoint[1], 2),\n low: Highcharts.numberFormat(dataPoint[3], 2),\n volume: Highcharts.numberFormat(dataPoint[5], 0)\n });\n }\n else {\n var tooltip = inovestor.ms.core.stringFormat(format, {\n color: this.color,\n serieName: seriesName,\n close: Highcharts.numberFormat(dataPoint[1], 2),\n high: Highcharts.numberFormat(dataPoint[2], 2),\n open: Highcharts.numberFormat(dataPoint[4], 2),\n low: Highcharts.numberFormat(dataPoint[3], 2),\n volume: Highcharts.numberFormat(dataPoint[5], 0)\n });\n }\n\n return tooltip;\n }\n\n },\n series: [],\n navigation: {\n buttonOptions: {\n theme: {\n r: 3,\n states: {\n stroke: 'none',\n hover: {\n fill: '#eee',\n stroke: 'none',\n },\n select: {\n stroke: 'none',\n fill: '#ddd'\n }\n }\n }\n },\n menuItemStyle: {\n fontSize: '13px'\n },\n menuItemHoverStyle: {}\n }\n };\n\n },\n getChartType: function () {\n var defaultType = 'line';\n // Only line is supported in compare mode for now\n if (plugin.options.chartCompareModeEnabled)\n return 'line';\n\n switch (plugin.options.chartType.toLowerCase()) {\n case 'line':\n return plugin.options.chartType.toLowerCase();\n case 'area':\n case 'ohlc':\n case 'candlestick':\n // Check if other symbols to load\n if (inovestor.ms.core.isNullOrUndefined(plugin._otherSeriesDataSources) || !$.isArray(plugin._otherSeriesDataSources) || plugin._otherSeriesDataSources)\n return plugin.options.chartType.toLowerCase();\n else\n return defaultType;\n default:\n throw \"Cannot render a '\" + plugin.options.chartType + \"' chart for stocks\";\n }\n },\n\n _updateAndSetupChartData: function (chartData, quoteData, type, count, isChangingMode) {\n if (Array.isArray(chartData) && chartData.length === 0) {\n chart.destroy();\n plugin.$element.addClass('hidden');\n return;\n }\n\n if (!inovestor.ms.core.isNullOrUndefined(chartData)) {\n chart._updateStockSeriesData(chartData);\n }\n\n if (isChangingMode) {\n // WORKAROUND: this is to fix highchart issue when the series cannot change extremes without loading ALL first...\n plugin._setChartExtremes('all', null, false);\n }\n\n if (chart.data.isOneDaySelected) {\n // Update stock series\n plugin._chartInstance.xAxis[0].update({\n ordinal: false,\n tickInterval: 3600 * 1000,\n labels: {\n formatter: function () {\n if (!plugin.options.isMobile)\n return Highcharts.dateFormat('%H:%M', this.value);\n\n var index = 0;\n for (var prop in this.axis.ticks)\n index++;\n return index % 2 == 0 ? Highcharts.dateFormat('%H:%M', this.value) : '';\n }\n }\n }, false);\n\n if (chart.data.showNavigator) {\n // Update navigator series\n plugin._chartInstance.xAxis[1].update({ ordinal: false, tickInterval: 3600 * 1000 }, false);\n }\n\n // Set the extremes\n chart._setIntraDayDateExtremes();\n\n // Add the intraday close plotline\n chart._addIntradayClosePlotLine(quoteData);\n\n setTimeout(function () {\n if (plugin.options.isMobile)\n plugin._autoSelectLastPoint();\n });\n }\n else {\n var xLabelsFormat = '{value:%b %Y}';\n var tickInterval = 3 * 30 * 24 * 3600 * 1000;\n if (chart.data.zoomType == \"month\" && chart.data.zoomCount < 6) {\n tickInterval = 14 * 24 * 3600 * 1000;\n xLabelsFormat = '{value:%b %d}' + (plugin.options.isMobile ? ' {value:%Y}' : '');\n }\n plugin._chartInstance.xAxis[0].update({ ordinal: true, tickInterval: tickInterval, labels: { format: xLabelsFormat, formatter: null } }, false);\n if (chart.data.showNavigator)\n plugin._chartInstance.xAxis[1].update({ ordinal: true }, false);\n plugin._setChartExtremes(type, count);\n // Re-select the last point that isnt intra day\n if (isChangingMode) {\n if (plugin.options.isMobile)\n plugin._autoSelectLastPoint();\n }\n }\n\n plugin._chartInstance.redraw();\n },\n _updateStockSeriesData: function (data) {\n // Reset required data\n plugin._chartTooltipData = [];\n\n var otherSeriesData = [];\n var symbolIndex = 0;\n for (var symbol in plugin._symbols) {\n for (var index in data) {\n if (data[index].symbol.toLowerCase() === symbol.toLowerCase()) {\n if (symbolIndex === 0)\n plugin._mainSerieDataSource = data[index];\n else\n otherSeriesData.push(data[index]);\n }\n }\n symbolIndex++;\n }\n plugin._otherSeriesDataSources = otherSeriesData;\n plugin._updateChartSeries();\n },\n _addFullScreenButton: function () {\n var resource = inovestor.ms.core.getCurrentResource(inovestor.ms.chart.historical.resources);\n\n var html =\n '
' +\n '' +\n '' +\n '' +\n '' +\n '
';\n\n chart.data.$actionBarElement.append(html);\n\n var chartSize = { width: 0, height: 0 };\n chart.data.$actionBarElement.find('.fullscreen-btn-icon').on('click', function () {\n if (plugin.$element.hasClass('fullscreen')) {\n plugin.$chartElement.find('.highcharts-container').width(chartSize.width);\n plugin.$chartElement.find('.highcharts-container').height(chartSize.height);\n plugin.$element.removeClass('fullscreen');\n $(this).find('.fa-stack-1x').removeClass('fa-close').addClass('fa-arrows-alt');\n }\n else {\n chartSize.width = plugin.$chartElement.width();\n chartSize.height = plugin.$chartElement.height();\n plugin.$element.addClass('fullscreen');\n $(this).find('.fa-stack-1x').removeClass('fa-arrows-alt').addClass('fa-close');\n }\n plugin._chartInstance.reflow();\n });\n\n // to improve keyboard navigation, simulate a click when pressing enter on the fullscreen button\n chart.data.$actionBarElement.find('.fullscreen-btn-icon').on('keydown', function (e) {\n if (e.keyCode === 13) {\n $(this).click();\n }\n });\n\n // to improve keyboard navigation, close fullscreen mode when pressing escape\n $('body').on('keydown', function (e) {\n if (e.keyCode === 27 && plugin.$element.hasClass('fullscreen')) {\n chart.data.$actionBarElement.find('.fullscreen-btn-icon').click();\n }\n });\n },\n _addTimespanSelectors: function () {\n var resource = inovestor.ms.core.getCurrentResource(inovestor.ms.chart.historical.resources);\n\n // Add all the timespan selectors\n var html =\n '
';\n chart.data.$actionBarElement.append(html);\n\n // Add the onclick events\n chart.data.$actionBarElement.find('.zooms a').on('click', function (e) {\n var zoomEle = chart.data.$actionBarElement.find('.zooms');\n\n if (zoomEle.hasClass('busy')) {\n e.preventDefault();\n e.stopPropagation();\n return false;\n }\n zoomEle.addClass('busy');\n var selectedEle = $(this);\n var type = selectedEle.attr('type'),\n count = parseInt(selectedEle.attr('count'));\n\n chart.data.$actionBarElement.find('.zooms a').not(selectedEle).removeClass('active');\n selectedEle.addClass('active');\n\n chart.data.zoomType = type;\n chart.data.zoomCount = count;\n\n chart.updateData().then(function () {\n zoomEle.removeClass('busy');\n });\n });\n\n chart.data.$actionBarElement.find('.zooms a').on('keydown', function (e) {\n if (e.keyCode === 13) {\n $(this).click();\n }\n });\n },\n _addIndexSelectors: function () {\n // Add all the timespan selectors\n var html = '
';\n for (var i in plugin.options.otherSymbols) {\n var otherSymbol = plugin.options.otherSymbols[i];\n var name = otherSymbol.nameEn;\n var square = otherSymbol.selected ? \n '' : \n '';\n html += '' + square + name + '';\n }\n html += '
';\n chart.data.$actionBarElement.append(html);\n\n // Add the onclick events\n chart.data.$actionBarElement.find('.indexes a').on('click', function () {\n var symbol = $(this).attr('symbol');\n var otherSymbol = null;\n for (var i in plugin.options.otherSymbols) {\n if (plugin.options.otherSymbols[i].symbol === symbol) {\n otherSymbol = plugin.options.otherSymbols[i];\n break;\n }\n }\n\n if (!inovestor.ms.core.isNullOrUndefined(otherSymbol)) {\n var isSelected = $(this).find('.fa-check-square-o').length > 0;\n otherSymbol.selected = !isSelected;\n if (otherSymbol.selected) {\n plugin._symbols[symbol] = 1;\n $(this).find('.fa').addClass('fa-check-square-o').removeClass('fa-square-o').attr('aria-checked', 'true');\n }\n else {\n delete plugin._symbols[symbol];\n $(this).find('.fa').removeClass('fa-check-square-o').addClass('fa-square-o').attr('aria-checked', 'false');\n }\n\n plugin.search(plugin.options.symbols);\n }\n\n });\n\n // to improve keyboard navigation, simulate a click when pressing enter on the index selector\n chart.data.$actionBarElement.find('.indexes a').on('keydown', function (e) {\n if (e.keyCode === 13 || e.keyCode === 32) {\n e.preventDefault();\n $(this).click();\n }\n });\n },\n _addChartTypeDropdown: function () {\n var resource = inovestor.ms.core.getCurrentResource(inovestor.ms.chart.historical.resources);\n\n // Add all the timespan selectors\n var html =\n '
';\n chart.data.$actionBarElement.append(html);\n\n // Add the onclick events\n chart.data.$actionBarElement.find('.chart-types a').on('click', function (e) {\n e.preventDefault();\n\n var chartType = $(this).attr('chartType');\n\n plugin.options.chartType = chartType;\n plugin._updateChartSeries();\n chart._updateAndSetupChartData();\n });\n\n },\n _getStockDailyData: function (symbols) {\n // Make sure required variables are set\n if (inovestor.ms.core.isNullOrUndefined(symbols))\n throw \"symbolsList is required\";\n\n // Setup API url with term\n var historicalStockApiUrl = inovestor.ms.core.stringFormat(inovestor.ms.chart.historical.config.apiStocksRelativeUrl, { symbols: symbols.join(',') });\n var options = {\n type: 'GET', contentType: 'application/json', error: function (error) {\n plugin.apiErrorHandler(error);\n }\n };\n return inovestor.ms.core.ajaxApi(historicalStockApiUrl, options);\n },\n _getIntradayData: function (symbols) {\n // Make sure required variables are set\n if (inovestor.ms.core.isNullOrUndefined(symbols))\n throw \"symbolsList is required\";\n\n // Setup API url with term\n var intraDayApiUrl = inovestor.ms.core.stringFormat(inovestor.ms.chart.historical.config.apiIntraDayUrl, { symbols: symbols.join(',') });\n var options = {\n type: 'GET', contentType: 'application/json', error: function (error) {\n plugin.apiErrorHandler(error);\n }\n };\n return inovestor.ms.core.ajaxApi(intraDayApiUrl, options);\n },\n _getQuoteData: function (symbols) {\n // Make sure required variables are set\n if (inovestor.ms.core.isNullOrUndefined(symbols))\n throw \"symbolsList is required\";\n\n // Setup API url with term\n var apiUrl = inovestor.ms.core.stringFormat(inovestor.ms.chart.historical.config.apiQuoteUrl, { symbols: symbols.join(',') });\n var options = {\n type: 'GET', contentType: 'application/json', error: function (error) {\n plugin.apiErrorHandler(error);\n }\n };\n return inovestor.ms.core.ajaxApi(apiUrl, options);\n },\n _setIntraDayDateExtremes: function () {\n var minDateSettings = { 'hour': 9, 'minute': 30, 'second': 0, 'millisecond': 0 };\n var maxDateSettings = { 'hour': 16, 'minute': 0, 'second': 0, 'millisecond': 0 };\n var minDate = moment().utc().set(minDateSettings);\n var maxDate = moment().utc().set(maxDateSettings);\n\n var mainData = plugin._mainSerieDataSource.datas;\n if (!inovestor.ms.core.isNullOrUndefined(mainData) && mainData.length > 0) {\n // If there's data coming from the API, use the first datapoint to set min and max dates.\n // This is to handle cases when markets are closed.\n // We can do this because intraday means we only get a single day worth of data.\n var apiDate = mainData[0][0];\n\n // Set the min and max hours based on the date.\n minDate = moment(apiDate).utc().set(minDateSettings);\n maxDate = moment(apiDate).utc().set(maxDateSettings);\n }\n\n // Set the min and max for the x-axis and call setExtremes so the navigator selects all.\n plugin._chartInstance.xAxis[0].update({min: +minDate, max: +maxDate});\n plugin._chartInstance.xAxis[0].setExtremes(+minDate, +maxDate, false, false);\n },\n _addIntradayClosePlotLine: function (quoteData) {\n if (!inovestor.ms.core.isNullOrUndefined(quoteData) && plugin._getSymbols().length === 1) {\n var close = quoteData[0].previousClose;\n var datas = plugin._mainSerieDataSource.datas;\n\n if (!inovestor.ms.core.isNullOrUndefined(close) && !inovestor.ms.core.isNullOrUndefined(datas) && datas.length > 0) {\n\n // Highcharts will not show the plotline if it's not in the range of the chart data.\n // To counter this, we find the min and max of the series and, if the value\n // of the plotline is either bigger or smaller the the min or max, we set the extremes\n // to the value of the plotline.\n\n var prices = datas.map(function (data) {\n return data[1];\n });\n var min = Math.min.apply(Math, prices);\n var max = Math.max.apply(Math, prices);\n var minExtreme = min > close ? close : null;\n var maxExtreme = max < close ? close : null;\n\n if (minExtreme || maxExtreme) {\n plugin._chartInstance.yAxis[0].setExtremes(minExtreme, maxExtreme);\n }\n\n // Finally, just add the plotline to the chart.\n var resource = inovestor.ms.core.getCurrentResource(inovestor.ms.chart.historical.resources);\n plugin._chartInstance.yAxis[0].addPlotLine({\n id: 'lastclose',\n color: '#d9534f',\n width: 1,\n value: close,\n dashStyle: 'shortdash',\n label: {\n useHTML: true,\n rotation: 0,\n text: resource.lastClose + ' ' + Highcharts.numberFormat(close, 2),\n style: {\n color: '#d9534f',\n fontSize: '11px',\n lineHeight: '15px',\n paddingTop: '3px'\n },\n align: 'right'\n },\n zIndex: 3\n });\n }\n }\n },\n _removeIntradayClosePlotLine: function () {\n // Remove the plotline by id.\n plugin._chartInstance.yAxis[0].removePlotLine('lastclose');\n // Reset the extremes so the chart renders correctly in other modes.\n plugin._chartInstance.yAxis[0].setExtremes(null, null);\n },\n };\n\n return chart;\n };\n\n})(inovestor.ms.libRef.jQuery, inovestor.ms.libRef.highcharts, inovestor.ms.chart.historical);\n\n\n; (function ($, Highcharts, inovestor, undefined) {\n\n var pluginName = 'inoMsChartHistorical';\n\n // Create the plugin constructor\n function Plugin(element, options) {\n\n this.element = element;\n this.chart = null;\n this._name = pluginName;\n this._defaults = $.fn.inoMsChartHistorical.defaults;\n this._symbols = {};\n this._chartInstance = null;\n this._mainSerieId = inovestor.ms.core.getPseudoGuid();\n this._mainSerieDataSource = null;\n this._otherSeriesDataSources = null;\n this._chartTooltipData = null;\n this._apiCacheVar = {};\n\n // Merge options with defaults\n this.options = $.extend({}, this._defaults, options);\n\n // Make sure required variables are set\n if (inovestor.ms.core.isNullOrUndefined(this.options.symbols))\n throw \"symbols is required\";\n if (inovestor.ms.core.isNullOrUndefined(this.options.type))\n throw \"type is required\";\n if (inovestor.ms.core.isNullOrUndefined(inovestor.ms.chart.historical.charts[this.options.type]))\n throw \"type '\" + this.options.type + \"' is not supported\";\n\n // If isMobile is not set, check the width of the rendered element to see if it is smaller than 650px\n if (inovestor.ms.core.isNullOrUndefined(this.options.isMobile))\n this.options.isMobile = $(element).width() <= 650;\n\n // Init plugin chart object\n this.chart = inovestor.ms.chart.historical.charts[this.options.type].call(this);\n\n // Call init\n this.init();\n }\n\n $.extend(Plugin.prototype, {\n\n // Initialization logic\n init: function () {\n var plugin = this;\n\n // Setup what plugin needs to do on language change\n inovestor.ms.core.instances.register(this, function () {\n // Need to re-render because of chart resources\n plugin.update();\n });\n\n plugin.buildCache();\n plugin.bindEvents();\n if (plugin.options.isMobile)\n plugin.$element.addClass('mobile');\n plugin.chart.init();\n plugin.render();\n\n // Call Search\n plugin.search(plugin.options.symbols).always(function () {\n // When search is completed, trigger onReady event\n plugin.$element.trigger('ready' + '.' + plugin._name);\n });\n },\n\n // Remove plugin instance completely\n destroy: function () {\n this.unbindEvents();\n this.destroyHighChart();\n this.$element.removeData();\n this.$element.html('');\n this.chart.destroy();\n },\n\n // Remove highchart instance\n destroyHighChart: function () {\n if (!inovestor.ms.core.isNullOrUndefined(this.$chartElement)) {\n if (!inovestor.ms.core.isNullOrUndefined(this._chartInstance))\n this._chartInstance.destroy();\n this.$chartElement.remove();\n this.$chartElement = null;\n }\n this.chart.destroy();\n },\n\n // Cache DOM nodes for performance\n buildCache: function () {\n this.$element = $(this.element);\n },\n\n // Bind events that trigger methods\n bindEvents: function () {\n var plugin = this;\n plugin.$element.on('ready' + '.' + plugin._name, function () {\n var onReady = plugin.options.onReady;\n if (typeof onReady === 'function')\n onReady.call(plugin.$element);\n });\n\n },\n\n // Unbind events that trigger methods\n unbindEvents: function () {\n this.$element.off('.' + this._name);\n },\n\n // Main API error handler\n apiErrorHandler: function (apiError) {\n var plugin = this;\n plugin._apiCacheVar = {};\n plugin.destroyHighChart();\n var onError = plugin.options.onError;\n if (typeof onError === 'function') {\n var result = onError.call(inovestor.ms.core.generateError(inovestor.ms.core.errors.apiError, apiError, plugin));\n\n // If callback returns false, do not execute default behavior\n if (!inovestor.ms.core.isNullOrUndefined(result) && result === false)\n return;\n }\n plugin.$element.append(inovestor.ms.core.getErrorTemplate(inovestor.ms.core.currentLanguage));\n\n },\n\n // Main API error handler\n invalidIdentifierHandler: function () {\n var plugin = this;\n plugin._apiCacheVar = {};\n plugin.destroyHighChart();\n var onError = plugin.options.onError;\n if (typeof onError === 'function') {\n var result = onError.call(inovestor.ms.core.generateError(inovestor.ms.core.errors.invalidIdentifier, null, plugin));\n\n // If callback returns false, do not execute default behavior\n if (!inovestor.ms.core.isNullOrUndefined(result) && result === false)\n return;\n }\n plugin.$element.append(inovestor.ms.core.getInvalidIdentifierTemplate(inovestor.ms.core.currentLanguage));\n },\n\n openFullScreen: function () {\n\n },\n\n // Renders html template\n // REQUIRED : chart methods: beforeRender() and afterRender()\n render: function () {\n var plugin = this;\n\n plugin.$element.addClass('ino-ms-chart');\n plugin.$element.html('');\n plugin.chart.beforeRender();\n\n plugin.destroyHighChart();\n\n plugin.$loadingIndicatorElement = $('');\n plugin.$element.append(plugin.$loadingIndicatorElement);\n\n plugin.$chartElement = $('');\n plugin.$element.append(plugin.$chartElement);\n\n plugin._renderChart();\n plugin.chart.afterRender();\n },\n\n // Search for a list stocks/funds\n search: function (symbols) {\n var plugin = this;\n\n // Update symbols list if it changes\n if (!inovestor.ms.core.isNullOrUndefined(symbols)) {\n plugin.options.symbols = symbols;\n // Build symbols list\n plugin._buildSymbols();\n }\n\n if (inovestor.ms.core.isNullOrUndefined(plugin.$chartElement))\n plugin.render();\n\n // Make sure required variables are set\n if (inovestor.ms.core.isNullOrUndefined(plugin._symbols))\n throw \"symbols is required\";\n\n // Reset relevant Data before calling API\n plugin._mainSerieDataSource = null;\n plugin._otherSeriesDataSources = null;\n plugin._chartTooltipData = null;\n\n // Keep track of the focused element (if any)\n // We will refocus on it after the chart is updated (to improve keyboard navigation)\n var focusedElement = plugin.$element.find(':focus');\n\n plugin.$loadingIndicatorElement.html(inovestor.ms.core.getLoadingIndicatorTemplate(inovestor.ms.core.currentLanguage));\n plugin.$loadingIndicatorElement.show();\n\n plugin.chart.beforeUpdateData();\n\n return plugin.chart.updateData().then(function () {\n plugin.$loadingIndicatorElement.hide();\n plugin.$loadingIndicatorElement.html('');\n\n if (plugin.options.isMobile)\n plugin._autoSelectLastPoint();\n\n if (!inovestor.ms.core.isNullOrUndefined(plugin._mainSerieDataSource) && plugin._mainSerieDataSource.requestStatus === 'invalidIdentifier')\n plugin.invalidIdentifierHandler();\n\n plugin.chart.afterUpdateData();\n\n if (focusedElement.length > 0) {\n focusedElement.focus();\n }\n });\n },\n\n _autoSelectLastPoint: function () {\n var plugin = this;\n\n // show tooltip on last point when mobile\n var dataPoints = plugin._chartInstance.series[0].points;\n if (dataPoints) {\n lastPoint = dataPoints[dataPoints.length - 1];\n if (!lastPoint || lastPoint.y == null)\n lastPoint = dataPoints[dataPoints.length - 2];\n plugin._chartInstance.tooltip.refresh([lastPoint]);\n }\n },\n\n // Sets up a Highchart with 2 series \n // REQUIRED : chart method getChartConfig()\n _renderChart: function () {\n var plugin = this;\n\n var chartConfig = plugin.chart.getChartConfig();\n var mainColor = Highcharts.getOptions().colors[0];\n\n // Set a serie that will hold the MAIN symbol data \n chartConfig.series.push({\n id: plugin._mainSerieId,\n name: plugin._mainSerieId,\n type: plugin.chart.getChartType(),\n yAxis: 0,\n threshold: null,\n color: mainColor,\n data: []\n });\n\n if (!inovestor.ms.core.isNullOrUndefined(plugin.chart.data.showVolume) && plugin.chart.data.showVolume === true) {\n // Set the volume serie of the MAIN \n chartConfig.series.push({\n id: plugin._mainSerieId + ':Volume',\n name: plugin._mainSerieId + ':Volume',\n type: 'column',\n yAxis: 1,\n color: mainColor,\n data: []\n });\n }\n\n // Create new highchart instance, deleting old one first\n plugin._chartInstance = Highcharts.stockChart('chart-element' + plugin._mainSerieId, chartConfig);\n },\n\n // Update the chart data / resources based on current localization\n update: function () {\n var plugin = this;\n // Re-render chart\n plugin._apiCacheVar = {};\n plugin.render();\n plugin.search(plugin.options.symbols);\n },\n\n // Getter / Setter method in order to store api calls\n _apiCache: function (key, cacheValue) {\n var plugin = this;\n\n if (inovestor.ms.core.isNullOrUndefined(key))\n return null;\n\n if (typeof cacheValue === 'undefined') {\n var val = plugin._apiCacheVar[key];\n if (inovestor.ms.core.isNullOrUndefined(val))\n return val;\n if ($.isArray(val))\n return val.slice();\n else\n return $.extend(true, {}, val);\n }\n\n if ($.isArray(cacheValue))\n plugin._apiCacheVar[key] = cacheValue.slice();\n else\n plugin._apiCacheVar[key] = $.extend(true, {}, cacheValue);\n return cacheValue;\n },\n\n // Methods for Building symbols list object and to get the selected symbols array\n _buildSymbols: function () {\n // Use the symbols in options with the selected symbols in otherSymbols to \n // generate a list of currently selected symbols, the first in index being the main symbol\n var plugin = this;\n var symbols = plugin.options.symbols;\n\n // Reset symbols list\n plugin._symbols = {};\n\n var symbolsList = [];\n if (typeof symbols == 'string') {\n if (symbols.split(',').length > 1)\n symbolsList = symbols.split(',');\n else\n symbolsList.push(symbols);\n }\n else if ($.isArray(symbols))\n symbolsList = symbols;\n\n if (!inovestor.ms.core.isNullOrUndefined(plugin.options.otherSymbols) && $.isArray(plugin.options.otherSymbols)) {\n for (var i in plugin.options.otherSymbols) {\n if (plugin.options.otherSymbols[i].selected)\n symbolsList.push(plugin.options.otherSymbols[i].symbol);\n }\n }\n\n for (var i in symbolsList)\n plugin._symbols[symbolsList[i]] = 1;\n },\n _getSymbols: function () {\n // Retun array of selected symbols using the plugin _symbols object\n var plugin = this;\n var symbolsList = [];\n\n for (var i in plugin._symbols)\n symbolsList.push(i);\n\n return symbolsList;\n },\n\n _updateMainSeries: function () {\n var plugin = this;\n var mainData = plugin._mainSerieDataSource;\n var convertedMainData = plugin.chart.convertChartDataToChartDataSet(mainData);\n\n // Get required data\n var colors = Highcharts.getOptions().colors;\n var mainSeries = plugin._chartInstance.get(plugin._mainSerieId);\n var mainSeriesVolume = plugin._chartInstance.get(plugin._mainSerieId + ':Volume');\n var chartType = plugin.chart.getChartType();\n\n // Set main series changes\n var mainSeriesChanges = {};\n mainSeriesChanges.data = convertedMainData\n mainSeriesChanges.options = { symbol: mainData.symbol };\n if (mainSeries.type !== chartType)\n mainSeriesChanges.type = chartType;\n // Update Series \n if (mainSeriesChanges.data || mainSeriesChanges.options || mainSeriesChanges.type)\n mainSeries.update(mainSeriesChanges, false);\n\n // Make sure tooltip data is updated to point at correct values\n plugin._chartTooltipData[plugin._mainSerieId] = { name: mainData.symbol, data: convertedMainData };\n\n // Set main series volume changes\n if (!inovestor.ms.core.isNullOrUndefined(plugin.chart.data.showVolume) && plugin.chart.data.showVolume === true) {\n var mainSeriesVolumeChanges = {};\n mainSeriesVolumeChanges.data = convertedMainData.map(function (item) {\n return [item[0], item[5]];\n });\n\n // Update Series \n if (mainSeriesVolumeChanges.data)\n mainSeriesVolume.update(mainSeriesVolumeChanges, false);\n }\n },\n _updateOtherSeries: function () {\n var plugin = this;\n var othersData = plugin._otherSeriesDataSources;\n\n // Get required data\n var colors = Highcharts.getOptions().colors;\n var chartType = plugin.chart.getChartType();\n\n // Update Other Series Data\n // Remove series if symbol not in plugin ChartDataList\n for (var i in plugin._chartInstance.series) {\n var shouldRemove = true;\n for (var iCnt = 1; iCnt < plugin._otherSeriesDataSources.length; iCnt++) {\n if (plugin._chartInstance.series[i].name.indexOf(plugin._otherSeriesDataSources[iCnt].symbol) >= 0) {\n shouldRemove = false;\n break;\n }\n }\n if (shouldRemove)\n plugin._removeSeries(plugin._chartInstance.series[i].name);\n }\n\n // Add Series if data in ChartDataList not in chart\n for (var iCnt = 0; iCnt < plugin._otherSeriesDataSources.length; iCnt++) {\n var chartData = plugin._otherSeriesDataSources[iCnt];\n var chartSerie = false;\n for (var i in plugin._chartInstance.series) {\n if (plugin._chartInstance.series[i].name.indexOf(chartData.symbol) >= 0) {\n // Workaround for SPTSX & SPTSXVEN\n if (!plugin._chartInstance.series[i].name.match('SPTSX') || !chartData.symbol.match('SPTSX')) {\n chartSerie = plugin._chartInstance.series[i];\n break;\n }\n }\n }\n if (!chartSerie) {\n var convertedSeriesData = plugin.chart.convertChartDataToChartDataSet(chartData);\n var serie = {\n id: chartData.symbol,\n name: chartData.symbol,\n yAxis: 0,\n color: colors[iCnt + 1],\n type: chartType,\n data: convertedSeriesData\n };\n plugin._chartInstance.addSeries(serie, false);\n plugin._chartTooltipData[chartData.symbol] = { name: chartData.symbol, data: convertedSeriesData };\n }\n else {\n var serieChanges = { type: chartType };\n chartSerie.update(serieChanges, false);\n }\n }\n\n },\n _updateChartSeries: function () {\n var plugin = this;\n\n var defer = $.Deferred();\n\n plugin._updateMainSeries();\n plugin._updateOtherSeries();\n\n // Set Chart Compare mode if needed\n if (plugin.options.chartCompareModeEnabled)\n plugin._chartInstance.yAxis[0].setCompare('percent', false);\n else\n plugin._chartInstance.yAxis[0].setCompare(null, false);\n\n defer.resolve();\n return defer.promise();\n },\n\n _removeSeries: function (symbol) {\n var plugin = this;\n for (var i in plugin._chartInstance.series) {\n var serie = plugin._chartInstance.series[i];\n if (serie.name.indexOf('Navigator') === -1 && serie.name.indexOf(plugin._mainSerieId) === -1)\n serie.remove(false);\n }\n },\n _mergeChartDataLists: function (originalChartDatas, additionalChartDatas) {\n if (inovestor.ms.core.isNullOrUndefined(originalChartDatas) || inovestor.ms.core.isNullOrUndefined(originalChartDatas))\n return originalChartDatas;\n\n for (var i in additionalChartDatas) {\n var additionalChartData = additionalChartDatas[i];\n if (additionalChartData.requestStatus !== 'success')\n continue;\n\n var hasBeenFound = false;\n for (var j in originalChartDatas) {\n var originalChartData = originalChartDatas[j];\n if (originalChartData.symbol === additionalChartData.symbol) {\n // Update data\n originalChartData = additionalChartData.symbol;\n hasBeenFound = true;\n break;\n }\n }\n if (!hasBeenFound)\n originalChartDatas.push(additionalChartData);\n }\n },\n\n _setChartExtremes: function (type, count, renderChart) {\n if (inovestor.ms.core.isNullOrUndefined(type))\n return;\n\n var plugin = this,\n apiFirstDate = null,\n apiLastDate = null,\n minDate = null,\n maxDate = null,\n mainSeries = plugin._chartInstance.get(plugin._mainSerieId),\n currentExtremes = plugin._chartInstance.xAxis[0].getExtremes(),\n renderChart = (inovestor.ms.core.isNullOrUndefined(renderChart) || renderChart !== false);\n\n var mainData = plugin._mainSerieDataSource.datas;\n if (!inovestor.ms.core.isNullOrUndefined(mainData) && mainData.length > 0) {\n apiFirstDate = new Date(mainData[0][0]);\n apiLastDate = new Date(mainData[mainData.length - 1][0]);\n apiFirstDateUTC = apiFirstDate.setUTCMonth(apiFirstDate.getUTCMonth());\n apiLastDateUTC = apiLastDate.setUTCMonth(apiLastDate.getUTCMonth());\n }\n else\n return;\n\n switch (type) {\n case 'ytd':\n maxDate = Date.UTC(apiLastDate.getUTCFullYear(), apiLastDate.getUTCMonth(), apiLastDate.getUTCDate(), apiLastDate.getUTCHours(), apiLastDate.getUTCMinutes(), apiLastDate.getUTCSeconds());\n minDate = Date.UTC(apiLastDate.getUTCFullYear(), 0, 1, 0, 0, 0);\n break;\n case 'all':\n minDate = Date.UTC(apiFirstDate.getUTCFullYear(), apiFirstDate.getUTCMonth(), apiFirstDate.getUTCDate(), apiFirstDate.getUTCHours(), apiFirstDate.getUTCMinutes(), apiFirstDate.getUTCSeconds());\n maxDate = Date.UTC(apiLastDate.getUTCFullYear(), apiLastDate.getUTCMonth(), apiLastDate.getUTCDate(), apiLastDate.getUTCHours(), apiLastDate.getUTCMinutes(), apiLastDate.getUTCSeconds());\n break;\n case 'year':\n case 'month':\n maxDate = currentExtremes.userMax;\n var tempDate = new Date(currentExtremes.userMax);\n minDate = type === 'year' ? tempDate.setUTCFullYear(tempDate.getUTCFullYear() - count) : tempDate.setUTCMonth(tempDate.getUTCMonth() - count);\n if (minDate < apiFirstDateUTC) {\n minDate = apiFirstDateUTC;\n tempDate = new Date(apiFirstDateUTC);\n maxDate = type === 'year' ? tempDate.setUTCFullYear(tempDate.getUTCFullYear() + count) : tempDate.setUTCMonth(tempDate.getUTCMonth() + count);\n if (maxDate > apiLastDateUTC) {\n maxDate = apiLastDateUTC;\n }\n }\n break;\n default:\n throw 'NOOOO';\n }\n\n plugin._chartInstance.xAxis[0].setExtremes(\n minDate,\n maxDate,\n renderChart,\n false\n );\n },\n _setFundChartExtremes: function (renderChart) {\n var plugin = this,\n apiFirstDate = null,\n apiLastDate = null,\n minDate = null,\n maxDate = null,\n mainSeries = plugin._chartInstance.get(plugin._mainSerieId),\n currentExtremes = plugin._chartInstance.xAxis[0].getExtremes(),\n renderChart = (inovestor.ms.core.isNullOrUndefined(renderChart) || renderChart !== false);\n\n var mainData = plugin._mainSerieDataSource.historicalDatas;\n if (!inovestor.ms.core.isNullOrUndefined(mainData) && mainData.length > 0) {\n apiFirstDate = new Date(mainData[0].date);\n apiLastDate = new Date(mainData[mainData.length - 1].date);\n apiFirstDateUTC = apiFirstDate.setUTCMonth(apiFirstDate.getUTCMonth());\n apiLastDateUTC = apiLastDate.setUTCMonth(apiLastDate.getUTCMonth());\n }\n else\n return;\n\n minDate = Date.UTC(apiFirstDate.getUTCFullYear(), apiFirstDate.getUTCMonth(), apiFirstDate.getUTCDate(), apiFirstDate.getUTCHours(), apiFirstDate.getUTCMinutes(), apiFirstDate.getUTCSeconds());\n maxDate = Date.UTC(apiLastDate.getUTCFullYear(), apiLastDate.getUTCMonth(), apiLastDate.getUTCDate(), apiLastDate.getUTCHours(), apiLastDate.getUTCMinutes(), apiLastDate.getUTCSeconds());\n\n plugin._chartInstance.xAxis[0].setExtremes(\n minDate,\n maxDate,\n renderChart,\n false\n );\n }\n });\n\n // JQuery Plugin wrapper\n $.fn.inoMsChartHistorical = function (options) {\n this.each(function () {\n if (!$.data(this, pluginName)) {\n // Store instance of plugin in \"$.data\"\n $.data(this, pluginName, new Plugin(this, options));\n }\n });\n\n // return plugin to support JQuery chaining\n return this;\n };\n\n // Default options for plugin\n $.fn.inoMsChartHistorical.defaults = {\n symbols: null,\n type: 'fund',\n chartType: 'line',\n chartCompareModeEnabled: false,\n otherSymbols: null,\n chartData: null,\n isMobile: null,\n styledMode: false,\n onError: null,\n onReady: null,\n showTitle: null,\n toolbarOptions: {\n showZoom: true,\n showIndexComparer: true,\n showTypeSwitcher: true,\n showFullScreenButton: true\n }\n };\n\n})(inovestor.ms.libRef.jQuery, inovestor.ms.libRef.highcharts, inovestor);\n; (function (inovestor, undefined) {\n inovestor.ms.chart.historical.resources = inovestor.ms.chart.historical.resources || {};\n inovestor.ms.chart.historical.resources[\"en\"] = {\n chartGrowthTitle: 'Growth of ${growth}',\n chartChangeTitle: 'Historical Data',\n chartType: {\n candlestick: 'Candlestick',\n line: 'Line',\n mountain: 'Mountain',\n ohlc: 'OHLC',\n title: 'Type'\n },\n fundTooltip: {\n balanceLabel: 'Balance',\n balanceValue: '${balance}',\n navpsLabel: 'NAV',\n changeLabel: 'Change',\n changeValue: '{change}%',\n },\n indexes: 'Indexes',\n stockTooltip: {\n close: 'C',\n high: 'H',\n low: 'L',\n open: 'O',\n volume: 'Volume',\n week: 'Week from'\n },\n zoom: {\n zoom: 'Zoom',\n all: 'All',\n oneDay: '1D',\n oneMonth: '1M',\n oneYear: '1Y',\n threeMonths: '3M',\n sixMonths: '6M',\n ytd: 'YTD',\n },\n lastClose: 'Last Close',\n fullscreenButtonAriaLabel: 'Enable/Disable fullscreen mode'\n };\n})(inovestor);\n; (function (inovestor, undefined) {\n inovestor.ms.chart.historical.resources = inovestor.ms.chart.historical.resources || {};\n inovestor.ms.chart.historical.resources[\"fr\"] = {\n chartGrowthTitle: 'Croissance de {growth} $',\n chartChangeTitle: 'Données historiques',\n chartType: {\n candlestick: 'Chandeliers',\n line: 'Courbe',\n mountain: 'Montagne',\n ohlc: 'Barre',\n title: 'Type'\n },\n fundTooltip: {\n balanceLabel: 'Balance',\n balanceValue: '{balance}$',\n navpsLabel: 'Val. Liq.',\n changeLabel: 'Variation',\n changeValue: '{change}%',\n },\n indexes: 'Indices',\n stockTooltip: {\n close: 'C',\n high: 'H',\n low: 'B',\n open: 'O',\n volume: 'Volume',\n week: 'Semaine du'\n },\n zoom: {\n zoom: 'Zoom',\n all: 'Max',\n oneDay: '1J',\n oneMonth: '1M',\n oneYear: '1A',\n threeMonths: '3M',\n sixMonths: '6M',\n ytd: 'Année',\n },\n lastClose: 'Dernière clôture',\n fullscreenButtonAriaLabel: 'Activer/Désactiver le mode plein écran'\n };\n})(inovestor);","window[\"inoMsTemplatesCache\"] = window[\"inoMsTemplatesCache\"] || {};\nwindow[\"inoMsTemplatesCache\"][\"inoMsEtfHoldings.holdings.html\"] = \"