Technical Indicators Problem
by octavient
HTML
<script src="http://cdn.octavient.net/highstock/highstock.js"></script>
<script src="http://cdn.octavient.net/highstock/highstock.exporting.js"></script>
<script src="https://rawgit.com/laff/technical-indicators/master/technical-indicators.src.js"></script>
<script src="http://sigconsole.octavient.net/app_assets/jquery/plugins/jquery-ui/jquery-ui.min.js"></script>
<div id="chart_1" class="chart chart_magmonitor_01"></div>
CSS
.chart_magmonitor_01 {height:500px;}
JavaScript
var magmonitor = magmonitor || {};
magmonitor.chart = {};
magmonitor.chart_title = 'Sample Chart';
magmonitor.chart_full_screen_icon_path = 'http://cdn.octavient.net/highstock/fullscreen_18.png';
magmonitor.chart_small_screen_icon_path = 'http://cdn.octavient.net/highstock/smallscreen_18.png';
magmonitor.chart.asset_hel_color_zones = [
{ value: 0, color: 'red' },
{ value: 80, color: 'red' },
{ value: 90, color: 'orange' },
{ color: 'green' }];
magmonitor.chart.asset_hep_color_zones = [
{ value: 3, color: '#cccccc' },
{ value: 10, color: '#ff0080' }
];
magmonitor.chart.wt_color_zones = [
{ value: -5, color: '#FF00FF' }, //Purple
{ value: 10, color: '#0000FF' }, //Blue
{ value: 20, color: '#87CEEB' }, //Sky Blue
{ value: 40, color: '#008000' }, //Green
{ value: 65, color: '#FFFF00' }, //Yellow 1
{ color: '#FF0000' } //RED
];
magmonitor.get_series_tooltip = function (str_data_column, n_value) {
//http://jsfiddle.net/pintu31/AcNUM/2/
//http://jsfiddle.net/japanick/dWDE6/314/
var htm_tooltip_line = '';
switch (str_data_column) {
case 'CS1':
htm_tooltip_line = '<tspan style="fill:'
if (n_value === 0) {
htm_tooltip_line += 'green';
} else {
htm_tooltip_line += 'red';
}
htm_tooltip_line += '" x="8" dy="15">●</tspan> '
+ 'Compressor Status: <br>' + magmonitor.get_data_code('CS1', n_value);
break;
}
return htm_tooltip_line;
};
magmonitor.get_data_code = function (str_data_column, str_data_code) {
var str_out = '';
$(magmonitor.data_codes_array).each(function () {
//console.log(this.DataColumn + ' - ' + this.DataCode + ' - ' + this.CodeDescription);
if (this.DataColumn === str_data_column && this.DataCode == str_data_code) {
str_out = this.CodeDescription;
return false;
}
});
return str_out;
};
$.getJSON('http://cdn.octavient.net/highstock/sample_chart_data.aspx', function(response){
//$("div").append(response.data.length);
magmonitor.current_dataset =...