{% extends "base_general_charts.html" %}

{% block content %}
    {{ block.super }}
    <script>
        $(document).ready(function() {
            var labels = ['timestamp', 'Node 1', 'Node 2', 'Node 3'];
            var annotations = new AnnotationFormatter({
                collection: new ChartAnnotations([], {url: '{% url "annotations" serial %}?monitored_entity_id={{ monitored_entity_id }}'})
            });
            var cache_model = new ChartData({}, {
                url: '{% url "entity_data" serial monitored_entity_id "cache" %}',
                chart_start: chart_start,
                chart_end: chart_end,
                polling_interval: {{ monitored_entity.polling_interval }}
            });
            var charts = [
                new ChartView({
                    model: new PartialChartData({}, {parent: cache_model, column_indices: [0, 1, 7, 13]}),
                    annotations: annotations,
                    key: '{{ monitored_entity.get_class_name }}_1',
                    chart_options: {
                        title: 'READ HIT RATIO',
                        labels: labels,
                        axes: {
                            y: {
                                valueFormatter: formatters.percent,
                                axisLabelFormatter: formatters.percent
                            },
                            x: {
                                drawGrid: false
                            }
                        }
                    }
                }),
                new ChartView({
                    model: new PartialChartData({}, {parent: cache_model, column_indices: [0, 5, 11, 17]}),
                    annotations: annotations,
                    key: '{{ monitored_entity.get_class_name }}_2',
                    chart_options: {
                        title: 'WRITE HIT RATIO',
                        labels: labels,
                        axes: {
                            y: {
                                valueFormatter: formatters.percent,
                                axisLabelFormatter: formatters.percent
                            },
                            x: {
                                drawGrid: false
                            }
                        }
                    }
                }),
                new ChartView({
                    model: new PartialChartData({}, {parent: cache_model, column_indices: [0, 3, 9, 15]}),
                    annotations: annotations,
                    key: '{{ monitored_entity.get_class_name }}_3',
                    chart_options: {
                        title: 'PREFETCH EFFECTIVENESS (READ HITS PER PREFETCHED SECTION)',
                        labels: labels
                    }
                })
            ];
            MainApp.start({charts: charts});
        });
    </script>
{% endblock %}

{% comment %}
0   timestamp
1   node_1_read_hits
2   node_1_section_reads
3   node_1_read_rate
4   node_1_write_rate
5   node_1_prefetch_reads
6   node_1_prefetch_read_hits

7   node_2_read_hits
8   node_2_section_reads
9   node_2_read_rate
10  node_2_write_rate
11  node_2_prefetch_reads
12  node_2_prefetch_read_hits

13  node_3_read_hits
14  node_3_section_reads
15  node_3_read_rate
16  node_3_write_rate
17  node_3_prefetch_reads
18  node_3_prefetch_read_hits
{% endcomment %}