"HTML'de grafikler ve şemalar" makalesi için tartışma - sayfa 2

Yeni yorum
 

İşte data-from-csv.htm için kod

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>
        
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

 <title>Highcharts Example</title>


<!-- 1. Add these JavaScript inclusions in the head of your page -->

 
 <script src="jquery.min.js" type="text/javascript"></script>
 <script src="highcharts.js" type="text/javascript"></script>
<!-- - -->              



<!-- 2. Add the JavaScript to initialize the chart on document ready -->
                
 
 <script type="text/javascript">
                

$(document).ready(function() {
        
  var options = {

        chart: {
          renderTo: 'container',
          defaultSeriesType: 'column'
        },
        title: {
          text: 'Autocorrelation'
        },
        xAxis: {

          categories: []
                                
        },
        yAxis: {
          title: {
            text: 'Units'
          }
        },
        series: []
        };
                        
                        
/*
 CSV dosyasından verileri yükleyin. */            

                        
$.get('data.csv', function(data) {
                                
 // Satırları ayırın
                                
 var lines = data.split('\n');
                                
 $.each(lines, function(lineNo, line) {
                                        
   var items = line.split(',');
                                        
                                        
   // başlık satırı kategorileri içerir
                                        
   if (lineNo == 0) {
                                                
     $.each(items, function(itemNo, item) {
                                                        
       if (itemNo > 0) options.xAxis.categories.push(item);
                                                
    });
                                        }
                                        
                                        
// satırların geri kalanı ilk konumda adlarıyla birlikte veri içerir
                
else {
                                                
var series = { 
                                                        
data: []
                                                
};
                                                
$.each(items, function(itemNo, item) {
                
if (itemNo == 0) {
                
series.name = item;
                                                        
} else {

series.data.push(parseFloat(item));
        
}
                                                
});
                                        
options.series.push(series);

                                        
}
                                        
                                
});
                                
                                
var chart = new Highcharts.Chart(options);
                        
});
});
                
</script>
                
        
</head>
        <body>
                
                
<!-- 3. Add the container -->
                
<div id="container" style="width: 800px; height: 400px; margin: 0 auto"></div>
        
</body>
</html>

Ve işte veri dosyası data.csv:

Categories,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21
ACF,0.0048,-0.0084,-0.0094,-0.0080,-0.0037,-0.0067,0.0052,-0.0018,0.0066,0.0267,-0.0210,0.0013,0.0032,-0.0027,0.0207,-0.0059,-0.0131,0.0160,0.0250,-0.0077
Bounds,0.0073,-0.0073,-0.0073,-0.0073,-0.0073,-0.0073,0.0073,-0.0073,0.0073,0.0073,-0.0073,0.0073,0.0073,-0.0073,0.0073,-0.0073,-0.0073,0.0073,0.0073,-0.0073

Kütüphane dosyalarını eklemiyorum.

 

"Yardım" için teşekkürler: her zamanki gibi kimse yardım etmedi, kendim çözdüm :-)

Yazara soru, 3D grafikler için benzer bir şey var mı?

 

Evet. MT5'te bilginin grafiksel gösterimi biraz zayıf. Ve kaç tane ilginç şey çizilebilir!: her şeyin ve her şeyin korelasyonlarının grafikleri, farklı dalgacık dönüşümleri yoluyla mevcut oranın dinamik gösterimi, 3D ve kim bilir başka neler. Farklı oranlara sahip serilerin kalıntılarının yarı kaotik korelasyonları üzerine biraz parlak ekran seiver yapmak istiyorum!

Strateji test cihazındaki grafikler özellikle kötü. Test sonuçlarını bir metin dosyasına aktarmak bile hiç yapılmıyor.

Bu arada, yine de verileri bir dosyaya aktarmak istiyorsanız, kendi grafiklerinizi icat etmek yerine vinnigraphics, sigmaplot, origine veya excel gibi hazır paketleri kullanmak daha iyidir.

Özellikle makalenin tacı olan olasılık dağılım fonksiyonundan çok memnun kaldım. İnsanlar dersle ilgili makul bir çalışma yapmaya çalışıyorlar. Bunu görmek güzel.

 

Bu mükemmel betik için teşekkürler!

Bu komut dosyasının strateji test cihazının test sonuçları üzerinde çalışması mümkün olabilir mi (ticaret sunucusundaki anlaşma geçmişi yerine) ?

Bu, test sonuçlarını yorumlamada çok yardımcı olacaktır.

Teşekkürler

Gino.

 

Makaleye ekli olduğu söylenen dosyaları nereden indirebileceğimi bulamıyorum? Dosya adları orada, ancak içlerinde bağlantı yok:

Dosyalar

JS_Lib.zip - highcharts.js ve jquery.min.js kütüphanelerinin dosyaları
Test.zip - highcharts.js, jquery.min.js ve Test_01.htm dosyaları
Example1.zip - highcharts.js, jquery.min.js, Example1.htm, Example1.mq5 ve exdat.txt
Example2.zip - Example2.htm ve exdat.txt dosyaları
Report.zip - ProfitReport.htm ve data.txt dosyaları
ProfitReport.mq5 - İstatistik toplamak ve data.txt dosyası oluşturmak için komut dosyası.

 
Web programcısı olarak yaptığım işlerde FusionCharts kütüphanesini kullanıyorum.
Bir şablon üzerinde grafik ve çizelgelerin basit kurulumunu seviyorum.
1. Java Script kütüphanesi FusionCharts'ı bağlarım.
2. Grafiği görüntülemek için bir DIV oluşturuyorum (id="chart_container").
3. Grafik verilerini chartData dizisine ekliyorum.
4. chartConfig dizisini düzenliyorum. Bu, grafiğin tasarımı ve parametreleridir.
5. FusionCharts.ready(function(){ var fusioncharts = new FusionCharts(chartConfig);fusioncharts.render(); }) ;
Örneğin ayrıntılı kodu ve gösterimi: http://profi.spage.me/jquery/creation-of-graphs-chart-and-diagrams-on-java-script
Creation of graphs, chart and diagrams on Java Script – profi.spage.me
  • profi.spage.me
Use Java Script Library FusionCharts to Create Graphs. Connect library FusionCharts to page. The documentation for this library can be found here. Create tag DIV id=”chart_container” for reload the chart. Create an array of data for the chart board. Create an array parameters for the chart design...
12
Yeni yorum