{"id":10060,"date":"2018-10-27T23:35:57","date_gmt":"2018-10-27T23:35:57","guid":{"rendered":"http:\/\/border.infosystrade.com\/?page_id=10060"},"modified":"2024-01-30T11:54:24","modified_gmt":"2024-01-30T19:54:24","slug":"charts","status":"publish","type":"page","link":"https:\/\/border.tradinghosting.com\/us\/charts\/","title":{"rendered":"Precious Metals Charts &#8211; Live Gold Prices and Live Silver Prices"},"content":{"rendered":"<p>[vc_row][vc_column][vc_column_text]<script type='text\/javascript'>var g_aHeaderData = {\"SP500\":{\"value\":\"2579.11\",\"change\":3.85,\"changepct\":0.15},\"NASDAQ\":{\"value\":\"6715.57\",\"change\":-12.1,\"changepct\":-0.18},\"XAU\":{\"value\":\"1348.6\",\"change\":4.1,\"changepct\":0.3},\"XAG\":{\"value\":\"17.27\",\"change\":-0.05,\"changepct\":-0.29},\"XPD\":{\"value\":\"1040.9\",\"change\":12.3,\"changepct\":1.2},\"XPT\":{\"value\":\"1009.3\",\"change\":9.3,\"changepct\":0.93}}\r\n;\r\nvar g_aGoldData =[[1517464800000,1344],[1517465110000,1343.8],[1517465406000,1343.4],[1517465700000,1342.9],[1517466000000,1342.7],[1517466300000,1343],[1517466600000,1343.1],[1517466900000,1342.3],[1517467200000,1342.4],[1517467500000,1342.1],[1517467800000,1342.4],[1517468100000,1341.9],[1517468400000,1341.4],[1517468700000,1342],[1517469000000,1340.8],[1517469300000,1340.5],[1517469600000,1340],[1517469900000,1339.2],[1517470200000,1339.6],[1517470500000,1339.3],[1517470800000,1339.2],[1517471100000,1339.3],[1517471400000,1338.5],[1517471700000,1338.6],[1517472000000,1338.6],[1517472300000,1339.1],[1517472600000,1339.7],[1517472900000,1340.3],[1517473200000,1339.5],[1517473500000,1339.2],[1517473800000,1339.8],[1517474100000,1339.7],[1517474400000,1340.4],[1517474700000,1340.3],[1517475000000,1339.9],[1517475300000,1340.4],[1517475600000,1339.7],[1517475900000,1340.3],[1517476200000,1340.4],[1517476663000,1340.5],[1517476800000,1340.4],[1517477107000,1341.1],[1517477400000,1341],[1517477700000,1340.7],[1517478000000,1340.8],[1517478300000,1340.9],[1517478600000,1340.8],[1517478900000,1340.5],[1517479200000,1340.4],[1517479500000,1340.1],[1517479800000,1340],[1517480100000,1340.1],[1517480400000,1340.1],[1517480700000,1340.2],[1517481000000,1339.9],[1517481300000,1340.7],[1517481600000,1340.4],[1517481900000,1339.8],[1517482200000,1339.7],[1517482500000,1339.6],[1517482800000,1339.2],[1517483100000,1339.3],[1517483400000,1339.6],[1517483700000,1339.8],[1517484000000,1338.9],[1517484300000,1338.6],[1517484600000,1338.5],[1517484900000,1338.2],[1517485200000,1338.1],[1517485500000,1337.9],[1517485800000,1337.9],[1517486100000,1337.8],[1517486400000,1337.5],[1517486700000,1338.4],[1517487000000,1338.3],[1517487300000,1338.2],[1517487600000,1338],[1517487900000,1338.9],[1517488200000,1338.2],[1517488500000,1338.3],[1517488800000,1338.5],[1517489100000,1339.1],[1517489400000,1339.4],[1517489700000,1340.2],[1517490000000,1339.9],[1517490300000,1339],[1517490600000,1339.2],[1517490900000,1339.6],[1517491200000,1340.3],[1517491500000,1340.1],[1517491800000,1339.1],[1517492100000,1338.6],[1517492400000,1339.1],[1517492700000,1339.9],[1517493000000,1339.8],[1517493300000,1340.3],[1517493600000,1340.3],[1517493900000,1339.8],[1517494200000,1340],[1517494500000,1340.6],[1517494800000,1340.5],[1517495100000,1340.5],[1517495400000,1340.3],[1517495700000,1339.4],[1517496000000,1340.4],[1517496300000,1343],[1517496600000,1343.1],[1517496900000,1342.6],[1517497200000,1341.5],[1517497500000,1341.1],[1517497800000,1342],[1517498100000,1342.5],[1517498400000,1341.8],[1517498700000,1342.1],[1517499000000,1341.9],[1517499300000,1343.1],[1517499600000,1343.3],[1517499900000,1343.2],[1517500200000,1343],[1517500500000,1343],[1517500800000,1342.1],[1517501100000,1341.3],[1517501400000,1342.2],[1517501700000,1342.7],[1517502000000,1342.4],[1517502300000,1342.4],[1517502600000,1342],[1517502900000,1342],[1517503200000,1342.2],[1517503500000,1342.4],[1517503800000,1341.6],[1517504100000,1342.2],[1517504400000,1342.1],[1517504700000,1342.6],[1517505000000,1342.3],[1517505300000,1342.8],[1517505600000,1342.8],[1517505900000,1342.5],[1517506200000,1343.2],[1517506500000,1342.7],[1517506800000,1342.5],[1517507100000,1342.1],[1517507400000,1342.1],[1517507700000,1341.8],[1517508000000,1341.4],[1517508300000,1341.5],[1517508600000,1342.3],[1517508900000,1342.3],[1517509200000,1343.2],[1517509500000,1343.6],[1517509800000,1344.7],[1517510100000,1343.8],[1517510400000,1344.6],[1517510700000,1345.6],[1517511000000,1345.8],[1517511300000,1345.6],[1517511600000,1345.6],[1517511900000,1345.1],[1517512200000,1344.7],[1517512500000,1344.1],[1517512800000,1343.9],[1517513100000,1345.2],[1517513400000,1345.7],[1517513700000,1345.3],[1517514000000,1346.2],[1517514300000,1345.6],[1517514600000,1346.1],[1517514900000,1345.9],[1517515200000,1346.7],[1517515500000,1348.2],[1517515800000,1348.5]];\r\n;\r\n\r\n\r\n\r\n\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\r\n\/\/$( \"#stocksItems\" ).accordion({ animate: false, header: \"h3\", autoHeight: false, clearstyle: true, collapsible: true });\r\n\/\/$('#stocksItems >div').css('height', '200');\r\n\r\ngIn=null;\r\naGlobalIntervals=[];\r\nclearGlobalIntervals=function()\r\n{\r\n\tfor(i=0;i<aGlobalIntervals.length;i++)\r\n\t{\r\n\t\tclearInterval(aGlobalIntervals[i]);\r\n\t}\r\n}\r\ninsertChartTo = function(stockChartContainerId,type,symbol) {\r\n\t\/\/alert(\"insert\");\r\n\tHighcharts.setOptions({\r\n\t\tglobal : {\r\n\t\t\tuseUTC : false\r\n\t\t},\r\n\t\t\r\n\t});\r\n\t\r\n\t\/\/ Create the chart\r\n\tvar chart = new Highcharts.StockChart({\r\n\t\r\n\t\tchart : {\r\n\t\trenderTo: stockChartContainerId,\r\n\t\t\tplotBorderColor: '#C0C0C0',\r\n\t\t\tplotBorderWidth: 1,\r\n\t\t\tspacingTop: 1,\r\n\t\t\tspacingLeft: 0,\r\n\t\t\tspacingRight: 1,\r\n\t\t\tspacingBottom: 2,\r\n\t\tbackgroundColor: null,\r\n\t\tmarginBottom: 15,\r\n\t\t\tevents : {\r\n\t\t\t\tload : function() {\r\n\t\t\t\t\t\t\/\/this.showLoading();\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\tvar chart = this\r\n                            buttons = chart.rangeSelector.buttons;\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t function reset_all_buttons()\r\n\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\/\/ alert(\"a\");\r\n                            jQuery.each(chart.rangeSelector.buttons, function(index, value) {\r\n                                value.setState(0); \r\n                            });\r\n\t\t\t\t\t\t }\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t\t sL = chart.series[0].data.length;\r\n\t\t\t\t\t\t\t\t\tif(sL ==1)\r\n\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\/\/chart.showLoading('No data to display');\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\telse\r\n\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\/\/chart.hideLoading('');\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t jQuery.each(chart.rangeSelector.buttons, function(index, value) {\r\n\t\t\t\t\t\t\t\tvar thisBtn = this;\r\n                                value.on('click',function(e){\r\n\t\t\t\t\t\t\t\t\t\/\/chart.showLoading();\r\n\t\t\t\t\t\t\t\t\treset_all_buttons();\r\n\t\t\t\t\t\t\t\t\tthisBtn.setState(2);\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tvar type=\"\";\r\n\t\t\t\t\t\t\t\t\tswitch(index)\r\n\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\tcase 0: type=\"1day\"; break;\r\n\t\t\t\t\t\t\t\t\t\tcase 1: type=\"week1\"; break;\r\n\t\t\t\t\t\t\t\t\t\tcase 2: type=\"month1\"; break;\r\n\t\t\t\t\t\t\t\t\t\tcase 3: type=\"month3\"; break;\r\n\t\t\t\t\t\t\t\t\t\tcase 4: type=\"year1\"; break;\r\n\t\t\t\t\t\t\t\t\t\tcase 5: type=\"year5\"; break;\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\/\/chart.options.xAxis[0].update({labels: {formatter: function() { return Highcharts.dateFormat('%d\/%m',this.value);}}}); \r\n\t\t\t\t\t\t\t\t\t\/\/alert([type,stockChartContainerId]);\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tmyCustomFormatter = function myCustomFormatter(t){\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn Highcharts.dateFormat('%m\/%d',t.value);;\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tif(index==4||index==5)\r\n\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\tmyCustomFormatter = function myCustomFormatter(t){\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn Highcharts.dateFormat('%m\/%y',t.value);;\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tif(index==0)\r\n\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\tmyCustomFormatter = function myCustomFormatter(t){\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn Highcharts.dateFormat('%H:%M',t.value);;\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tdata =getData(symbol,type);\r\n\t\t\t\t\t\t\t\t\tchart.series[0].setData(data,true );\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tsL = chart.series[0].data.length;\r\n\t\t\t\t\t\t\t\t\tif(sL ==1)\r\n\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\/\/chart.showLoading('No data to display');\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\telse\r\n\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\/\/chart.hideLoading('');\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\tplotLines(chart,data);\r\n\t\t\t\t\t\t\t\t\tchart.xAxis[0].setExtremes(data[0][0],data[data.length-1][0] );\r\n\t\t\t\t\t\t\t\t\t\/\/chart.xAxis[0].setExtremes(data[0][0],data[length][0] );\r\n\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n                            });\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\/\/ set up the updating of the chart each second\r\n\t\t\t\t\tvar series = this.series[0];\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\/\/var chartS=this;\r\n\t\t\t\t\taGlobalIntervals.push(setInterval(function() {\r\n\r\n\t\t\t\t\t}, 200000));\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\trangeSelector: {\r\n\t\t\t\r\n\t\t\tbuttons: [\r\n\t\t\t{\r\n\t\t\t\tcount: 1,\r\n\t\t\t\ttype: '1day',\r\n\t\t\t\ttext: 'DAY',\r\n\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tcount: 1,\r\n\t\t\t\ttype: 'week1',\r\n\t\t\t\ttext: 'WEEK',\r\n\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tcount: 1,\r\n\t\t\t\ttype: 'month1',\r\n\t\t\t\ttext: '30 DAY'\r\n\t\t\t}, \r\n\t\t\t{\r\n\t\t\t\tcount: 1,\r\n\t\t\t\ttype: 'month3',\r\n\t\t\t\ttext: '90 DAY'\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tcount: 1,\r\n\t\t\t\ttype: 'year1',\r\n\t\t\t\ttext: '1YR'\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tcount: 1,\r\n\t\t\t\ttype: 'year5',\r\n\t\t\t\ttext: '5YR'\r\n\t\t\t}\r\n\t\t\t],\r\n\t\tbuttonSpacing : 30,\r\n                                        buttonTheme: { \/\/ styles for the buttons\r\n                                                fill: '#eeeeee',\r\n                                                stroke: '#eeeeee',\r\n                                                width : null,\r\n                                                height : 15,\r\n                                                style: {\r\n                                                        color: '#000',\r\n                                                        fontSize: '11px',\r\n                                                        fontWeight: 'normal'\r\n                                                },\r\n                                                states: {\r\n                                                        hover: {\r\n                                                                fill: '#fec91c',\r\n                                                                stroke: '#fec91c',\r\n                                                        },\r\n                                                        select: {\r\n                                                                fill: '#fec91c',\r\n                                                                stroke: '#fec91c',\r\n                                                        }\r\n                                                }\r\n                                        },\r\n\t\t\tinputEnabled: false,\r\n\t\t\tselected: 0\r\n\t\t},\r\n\t\tcredits: {\r\n\t\t\tenabled: false\r\n\t\t},\r\n        scrollbar:{\r\n            enabled:true\r\n        },\r\n\t\t navigator:{\r\n        enabled:true ,\r\n\t\t animation: false\r\n\t\t\r\n    },\r\n\t\tyAxis: {\r\n\t\t\ttickPixelInterval: 40, \r\n\t\t\tgridLineColor: '#cecece',\r\n\t\t\tgridLineWidth:1,\r\n\t\t\toffset: 0,\r\n\t\t\tstartOnTick: true,\r\n\t\t\tlabels: {\r\n\t\t\talign: 'right',\r\n\t\t\tx: -5,\r\n\t\t\ty: 8,\r\n\t\t\tstyle: {\r\n\t\t\t\tcolor: '#34393c',\r\n\t\t\t\tfont: '10px Arial, Helvetica, sans-serif'\r\n\t\t\t}}\r\n\t\t},\r\n\r\n\t\txAxis: {\r\n       \/\/ type: 'datetime',\r\n\t   events: {\r\n                \/\/afterSetExtremes: console.log(\"set\")\r\n            },\r\n        tickPixelInterval: 50,\r\n\t\tgridLineColor: '#cecece',\r\n\t\t gridLineWidth:1,\r\n        title: {\r\n            align: 'middle',\r\n            margin: 5,\r\n            style: {\r\n                color: '#34393c',\r\n                font: '10px Arial, Helvetica, sans-serif'\r\n           }\r\n        },\r\n\t\t\tlabels: {\r\n\t\t\t\tstyle: {\r\n\t\t\t\t\tcolor: 'black',\r\n\t\t\t\t\tfont: '10px Arial, Helvetica, sans-serif'\r\n\t\t\t\t},\r\n\t\t\t\tformatter: function() {\r\n\t\t\t\t\t\r\n                            return myCustomFormatter(this);\r\n                        }\r\n\t\t\t}\r\n\t\t},\r\n\t\ttitle : {\r\n\t\t\/\/\ttext : stockChartContainerId\r\n\t\t},\r\n\t\texporting: {\r\n\t\t\tenabled: false\r\n\t\t},\r\n\t\t\r\n\t\tseries : [{\r\n\t\t\tname : 'Price',\r\n\t\t\tdata : getData(symbol,type),\r\n\t\t\ttype : 'area',\r\n            color: '#374e92',\r\n            lineWidth : 1,\r\n\t\t\tanimation: false,\r\n            threshold : null,\r\n\t\t\tdataGrouping:{enabled:false},\r\n            pointInterval: 24 * 3600 * 1000,\r\n            tooltip: {\r\n                valueDecimals: 2\r\n            },\r\n            fillColor : {\r\n            linearGradient : {\r\n                x1: 0, \r\n                y1: 0, \r\n                x2: 0, \r\n                y2: 1\r\n            },\r\n            stops : [[0, 'rgba(224, 224, 224, .85)'], [1, 'rgba(224, 224, 224, .55)']]}\r\n\t\t}]\r\n\t});\r\n\t\r\n\tfunction plotLines(chart,data)\r\n\t{\r\n\t\tchart.xAxis[0].options.labels.formatter=function(){ return Highcharts.dateFormat('%m\/%y',this.value);};\r\n\t\t\t\t\t\t\t\t\tchart.redraw();\r\n\t\tfor(i=0;i<data.length;i++)\r\n\t\t{\r\n\t\t\/*chart.xAxis[0].addPlotLine({\r\n\t\t\t\tvalue: data[i][0],\r\n\t\t\t\twidth: 1,\r\n\t\t\t\tcolor: '#C0C0C0',\r\n\t\t\t\t\/\/dashStyle: 'dash',                   \r\n\t\t\t\tid: \"1\"\r\n\t\t\t\t});*\/\r\n\t\t}\r\n\t}\r\n\treturn chart;\r\n}\r\n\r\n\r\nfunction getFormat(val)\r\n{\r\n\treturn Highcharts.dateFormat('%m\/%d',val);\r\n}\r\n\r\nmyCustomFormatter = function myCustomFormatter(t){\r\n    return Highcharts.dateFormat('%H:%M',t.value);;\r\n};\r\n\r\nfunction getData(mSymbol,dateType)\r\n{\r\n\t\r\n\tif( mSymbol == \"xau\" && dateType == \"1day\" && g_aGoldData != null )\r\n\t{\r\n\t\tvar temp = g_aGoldData;\r\n\t\tg_aGoldData = null;\r\n\t\t\/\/return temp;\r\n\t}\r\n\t\r\n\tjQuery.ajax({\r\n\t\t\t\turl: \"\/wp-content\/charts\/chart-responser.php\",\r\n\t\t\t\tdata: {symbol: mSymbol,type:dateType},\r\n\t\t\t\tdataType:\"json\",\r\n\t\t\t\tmethod:\"GET\",\r\n\t\t\t\tasync: false, \r\n\t\t\t\t}).done(function(data) {\r\n\t\t\t\t\tresults = data;\r\n\t\t\t\t});\r\n\t\t\t\tif(results.length==0)\r\n\t\t\t\t{\r\n\t\t\t\t\tresults = [{ data: [ null ] }];\r\n\t\t\t\t\t\r\n\t\t\t\t}\r\n\t\t\t\tconsole.log(results);\r\n\t\t\t\tconsole.log([results[0][0],results[(results.length-1)][0]]);\r\n\t\t\t\t\/\/chart.xAxis[0].setExtremes(\"1462251600000\",\"1493701200000\" );\r\n\t\t\t\t\r\n\t\t\t\treturn results;\r\n}\r\n\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\r\n\t\t\r\n\t\t\r\n\t\tallHeadersDataUpdateCharts = function(data)\r\n\t\t{\r\n\r\n\t\t\/\/\tconsole.log(\"data\");\r\n\t\t\/\/\tconsole.log(data);\r\n\r\n\t\t\tif( g_aHeaderData != null )\r\n\t\t\t{\r\n\t\t\t\tresults = g_aHeaderData;\r\n\t\t\t\tg_aHeaderData = null;\r\n\t\t\t}\r\n\t\t\tresults = data;\r\n\t\t\t\r\n\t\t\tstocHeadUpdate(\"headpricestockgold\",results[\"XAU\"]);\r\n\t\t\tstocHeadUpdate(\"headpricestocksilver\",results[\"XAG\"]);\r\n\t\t\tstocHeadUpdate(\"headpricestockplatinum\",results[\"XPT\"])\r\n\t\t\tstocHeadUpdate(\"headpricestockpd\",results[\"XPD\"])\r\n\r\n\r\n\t\t\t\r\n\t\t}\r\n\t\t\r\n\t\t\r\n\t\t\r\n\t\t\r\n\t\tstocHeadUpdate = function(id,data)\r\n\t\t{\r\n\t\t\tvar html=\"\";\r\n\t\t\t\r\n\t\t\t\t\/\/alert(data.value);\r\n\t\t\t\tprice = Number(data.rawprice);\r\n\t\t\t\t\r\n\t\t\t\tdiff = Number(data.change);\r\n\t\t\t\tdeq = getEquatos(diff);\r\n\t\t\t\t\r\n\t\t\t\tpercent = Number(data.changepct);\r\n\t\t\t\tpeq = getEquatos(percent)\r\n\t\t\t\r\n\t\t\t\t\tcssClass = \"\";\r\n\t\t\t\t\tif(diff<0)\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tcssClass = \"p-down\";\r\n\t\t\t\t\t}\r\n\t\t\t\t\tif(diff>0)\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tcssClass = \"p-up\";\r\n\t\t\t\t\t}\r\n\t\t\t\t\t\r\n\t\t\t\tdiff=Math.abs(diff);\r\n\t\t\t\tpercent=Math.abs(percent);\r\n\t\t\t\r\n\t\t\thtml+='<span priceset=\"'+price+'\" class=\"hprice\">'+price.formatMoney(2,',','.')+'<\/span>';\r\n\t\t\thtml+='<span class=\"hdiff '+cssClass+'\">'+deq+\" \"+diff.toFixed(2)+'<\/span>';\r\n\t\t\thtml+='<span class=\"hpercent\">('+peq+\" \"+percent.toFixed(2)+'%)<\/span>';\r\n\t\t\tjQuery(\"#\"+id).html(html);\r\n\t\t}\r\n\r\n\t\tfunction getEquatos(val)\r\n\t\t{\r\n\t\t\t\tif(val<0)\r\n\t\t\t\t{\r\n\t\t\t\t\tstrn=\"-\"\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t\tif(val>0)\r\n\t\t\t\t{\r\n\t\t\t\t\tstrn=\"+\"\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t\tif(val==0)\r\n\t\t\t\t{\r\n\t\t\t\t\tstrn=\"\"\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t\treturn strn;\r\n\t\t}\r\n\r\n\r\n\r\n\r\n\r\n\t\tNumber.prototype.formatMoney = function(decPlaces, thouSeparator, decSeparator) {\r\n\t\t\tvar n = this,\r\n\t\t\tdecPlaces = isNaN(decPlaces = Math.abs(decPlaces)) ? 2 : decPlaces,\r\n\t\t\tdecSeparator = decSeparator == undefined ? \".\" : decSeparator,\r\n\t\t\tthouSeparator = thouSeparator == undefined ? \",\" : thouSeparator,\r\n\t\t\tsign = n < 0 ? \"-\" : \"\",\r\n\t\t\ti = parseInt(n = Math.abs(+n || 0).toFixed(decPlaces)) + \"\",\r\n\t\t\tj = (j = i.length) > 3 ? j % 3 : 0;\r\n\t\t\treturn sign + (j ? i.substr(0, j) + thouSeparator : \"\") + i.substr(j).replace(\/(\\d{3})(?=\\d)\/g, \"$1\" + thouSeparator) + (decPlaces ? decSeparator + Math.abs(n - i).toFixed(decPlaces).slice(2) : \"\");\r\n\t\t};\r\n\t\t\r\n\t\t\r\n\t\t\/\/allHeadersDataUpdateCharts();\r\n\t\/\/\tgetSpotData();\r\n\t\t<\/script><div class=\"stockContainer\" id=\"chartscont\" style=\"display:none;\">\r\n\t<div id=\"stocksItems\">\r\n\t\t<div id=\"tabs\">\r\n\t\t  <ul>\r\n\t\t\t<li><a href=\"#tabs-1\">Gold<\/a><\/li>\r\n\t\t\t<li><a href=\"#tabs-2\">Silver<\/a><\/li>\r\n\t\t\t<li><a href=\"#tabs-3\">Platinum<\/a><\/li>\r\n\t\t\t<li><a href=\"#tabs-4\">Palladium<\/a><\/li>\r\n\t\t  <\/ul>\r\n\t\t  <div id=\"tabs-1\">\r\n\t\t\t<h3 dataset=\"gold\" symbolset=\"xau\" prevopen=\"true\" class=\"ui-accordion-header ui-helper-reset ui-state-default ui-accordion-header-active ui-state-active ui-corner-top ui-accordion-icons\">\r\n\t\t\t\t<span class=\"h3-inner-gold\">Gold<span id=\"headpricestockgold\" class=\"sPriceHeadContainer\"><\/span><\/span>\r\n\t\t\t<\/h3>\r\n\t\t\t<div style=\"overflow:hidden;\"><div id=\"stockgold\" style=\"height: 490px; min-width: 200px\"><\/div><\/div>\r\n\t\t  <\/div>\r\n\t\t  <div id=\"tabs-2\">\r\n\t\t\t\t\t<h3 dataset=\"silver\" symbolset=\"xag\" prevopen=\"true\" class=\"ui-accordion-header ui-helper-reset ui-state-default ui-accordion-header-active ui-state-active ui-corner-top ui-accordion-icons\">\r\n\t\t\t\t\t\t<span class=\"h3-inner-silver\">Silver<span id=\"headpricestocksilver\" class=\"sPriceHeadContainer\"><\/span><\/span>\r\n\t\t\t\t\t<\/h3>\r\n\t\t\t\t\t<div style=\"overflow:hidden;\"><div id=\"stocksilver\" style=\"height: 490px; min-width: 200px\"><\/div><\/div>\r\n\t\t  <\/div>\r\n\t\t  <div id=\"tabs-3\">\r\n\t\t\t\t<h3 dataset=\"platinum\" symbolset=\"xag\" prevopen=\"true\" class=\"ui-accordion-header ui-helper-reset ui-state-default ui-accordion-header-active ui-state-active ui-corner-top ui-accordion-icons\">\r\n\t\t\t\t\t<span class=\"h3-inner-platinum\">Platinum<span id=\"headpricestockplatinum\" class=\"sPriceHeadContainer\"><\/span><\/span>\r\n\t\t\t\t<\/h3>\r\n\t\t\t\t<div style=\"overflow:hidden;\"><div id=\"stockplatinum\" style=\"height: 490px; min-width: 200px\"><\/div><\/div>\r\n\t\t\t\t\r\n\t\t  <\/div>\r\n\t\t  <div id=\"tabs-4\">\r\n\t\t\t  <h3 dataset=\"pd\" symbolset=\"xpd\" prevopen=\"true\" class=\"ui-accordion-header ui-helper-reset ui-state-default ui-accordion-header-active ui-state-active ui-corner-top ui-accordion-icons\">\r\n\t\t\t\t\t<span class=\"h3-inner-palladium\">Palladium<span id=\"headpricestockpd\" class=\"sPriceHeadContainer\"><\/span><\/span>\r\n\t\t\t\t<\/h3>\r\n\t\t\t\t<div style=\"overflow:hidden;\"><div id=\"stockpd\" style=\"height: 490px; min-width: 200px\"><\/div><\/div>\r\n\t\t  <\/div>\r\n\t\t<\/div>\r\n\t\t\r\n\t<\/div>\r\n\t<br\/><br\/>\r\n<\/div>\r\n\r\n\t<script>\r\n\t\r\n\tsilverChart = null;\r\n\tplatinumChart = null;\r\n\tpalladiumChart = null;\r\n\tbwasActivated = false;\r\n\tjQuery( document ).ready(function() {\r\n\tjQuery(\".currency_rate\").show();\r\n\tjQuery(\"#chartscont\").show();\r\n\tjQuery(\".prelaoder\").hide();\r\n\tjQuery(\"#tabs\").tabs({\r\n                    activate: function(event , ui) {\r\n\t\t\t\t\tconsole.log(ui.newPanel.attr(\"id\"));\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\tif (ui.newPanel.attr(\"id\") == \"tabs-2\" && silverChart==null)\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\tsilverChart = insertChartTo(\"stocksilver\", \"1day\", \"xag\");\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\tif (ui.newPanel.attr(\"id\") == \"tabs-3\" && platinumChart==null)\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\tplatinumChart = insertChartTo(\"stockplatinum\", \"1day\", \"xpt\");\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\tif (ui.newPanel.attr(\"id\") == \"tabs-4\" &&palladiumChart==null)\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\tpalladiumChart = insertChartTo(\"stockpd\", \"1day\", \"xpd\");\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tvar selectedGold = goldChart.rangeSelector.selected\r\n\t\t\t\t\t\/\/\tconsole.log(text = goldChart.rangeSelector.buttonOptions[goldChart.rangeSelector.selected].text)\r\n                    }\r\n});\r\n\t\/\/allHeadersDataUpdateCharts();\r\n\tgoldChart = insertChartTo(\"stockgold\", \"1day\", \"xau\");\r\n\t\/\/console.log(goldChart);\r\n\t\r\n\t});\r\n\t<\/script>\r\n\t[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][vc_column_text][\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\r\n<title>Precious Metal Price Charts - Investor Centre - Border Gold<\/title>\r\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\r\n<link rel=\"canonical\" href=\"https:\/\/border.tradinghosting.com\/us\/charts\/\" \/>\r\n<meta property=\"og:locale\" content=\"en_US\" \/>\r\n<meta property=\"og:type\" content=\"article\" \/>\r\n<meta property=\"og:title\" content=\"Precious Metal Price Charts - Investor Centre - Border Gold\" \/>\r\n<meta property=\"og:description\" content=\"[vc_row][vc_column][vc_column_text][\/vc_column_text][\/vc_column][\/vc_row]\" \/>\r\n<meta property=\"og:url\" content=\"https:\/\/border.tradinghosting.com\/us\/charts\/\" \/>\r\n<meta property=\"og:site_name\" content=\"Border Gold\" \/>\r\n<meta property=\"article:modified_time\" content=\"2024-01-30T19:54:24+00:00\" \/>\r\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\r\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/border.tradinghosting.com\/us\/charts\/\",\"url\":\"https:\/\/border.tradinghosting.com\/us\/charts\/\",\"name\":\"Precious Metal Price Charts - Investor Centre - Border Gold\",\"isPartOf\":{\"@id\":\"https:\/\/border.tradinghosting.com\/us\/#website\"},\"datePublished\":\"2018-10-27T23:35:57+00:00\",\"dateModified\":\"2024-01-30T19:54:24+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/border.tradinghosting.com\/us\/charts\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/border.tradinghosting.com\/us\/charts\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/border.tradinghosting.com\/us\/charts\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/border.tradinghosting.com\/us\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Precious Metals Charts &#8211; Live Gold Prices and Live Silver Prices\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/border.tradinghosting.com\/us\/#website\",\"url\":\"https:\/\/border.tradinghosting.com\/us\/\",\"name\":\"Border Gold\",\"description\":\"Border Gold\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/border.tradinghosting.com\/us\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"}]}<\/script>\r\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Precious Metal Price Charts - Investor Centre - Border Gold","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/border.tradinghosting.com\/us\/charts\/","og_locale":"en_US","og_type":"article","og_title":"Precious Metal Price Charts - Investor Centre - Border Gold","og_description":"[vc_row][vc_column][vc_column_text][\/vc_column_text][\/vc_column][\/vc_row]","og_url":"https:\/\/border.tradinghosting.com\/us\/charts\/","og_site_name":"Border Gold","article_modified_time":"2024-01-30T19:54:24+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/border.tradinghosting.com\/us\/charts\/","url":"https:\/\/border.tradinghosting.com\/us\/charts\/","name":"Precious Metal Price Charts - Investor Centre - Border Gold","isPartOf":{"@id":"https:\/\/border.tradinghosting.com\/us\/#website"},"datePublished":"2018-10-27T23:35:57+00:00","dateModified":"2024-01-30T19:54:24+00:00","breadcrumb":{"@id":"https:\/\/border.tradinghosting.com\/us\/charts\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/border.tradinghosting.com\/us\/charts\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/border.tradinghosting.com\/us\/charts\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/border.tradinghosting.com\/us\/"},{"@type":"ListItem","position":2,"name":"Precious Metals Charts &#8211; Live Gold Prices and Live Silver Prices"}]},{"@type":"WebSite","@id":"https:\/\/border.tradinghosting.com\/us\/#website","url":"https:\/\/border.tradinghosting.com\/us\/","name":"Border Gold","description":"Border Gold","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/border.tradinghosting.com\/us\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/border.tradinghosting.com\/us\/wp-json\/wp\/v2\/pages\/10060"}],"collection":[{"href":"https:\/\/border.tradinghosting.com\/us\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/border.tradinghosting.com\/us\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/border.tradinghosting.com\/us\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/border.tradinghosting.com\/us\/wp-json\/wp\/v2\/comments?post=10060"}],"version-history":[{"count":4,"href":"https:\/\/border.tradinghosting.com\/us\/wp-json\/wp\/v2\/pages\/10060\/revisions"}],"predecessor-version":[{"id":85211,"href":"https:\/\/border.tradinghosting.com\/us\/wp-json\/wp\/v2\/pages\/10060\/revisions\/85211"}],"wp:attachment":[{"href":"https:\/\/border.tradinghosting.com\/us\/wp-json\/wp\/v2\/media?parent=10060"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}