Jqplot staaf-grafiek wordt niet getoond.

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Frits van Leeuwen

Frits van Leeuwen

12/07/2018 23:56:22
Quote Anchor link
Hallo allemaal,

Ik heb weer een vreemd probleem.
Ik heb een grafiek gemaakt die niet wordt getoond. De layout ziet er goed uit, maar de staafgrafiek wordt niet getoond.
Het vreemde is wel, als ik met de muit over de grafiek beweeg, zie ik wel dikke stippen met een label.

In het ladel lees ik ook wel de waarde die de staafgrafiek daar zou moeten hebben. Dus i.p.v. een staafgrafiek heb ik een verborgen stippen grafiek.

Wie weet wat er mis is?

Dit is de code voor de grafiek.

Alvast bedankt.

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
$(document).ready(function () {
    $.jqplot._noToImageButton = true;
    $.jqplot.config.enablePlugins = true;
    
    var staafdebet = <?php echo json_encode($journaalposten_debet_arr, JSON_NUMERIC_CHECK); ?>;
    var staafcredit = <?php echo json_encode($journaalposten_credit_arr, JSON_NUMERIC_CHECK); ?>;
    
    plot2 = $.jqplot('chart2', [staafdebet, staafcredit], {
        // Turns off animatino for all series in this plot.
        animate: false,
        highlighter: {
            show: true,
            sizeAdjust: 1,
            tooltipOffset: 9
        },
        grid: {
            background: 'rgba(57,57,57,0.0)',
            drawBorder: false,
            shadow: false,
            gridLineColor: '#755E28',
            gridLineWidth: 1
        },
        legend: {
            show: true,
            placement: 'outside'
        },
        
        seriesDefaults: {
            renderer: $.jqplot.BarRenderer,
            showHighlight: true,
            rendererOptions: {
                fillToZero: true,
                smooth: false
            },
            showMarker: false,
            barWidth: null
        },
        series: [
            {
                renderer: $.jqplot.BarRenderer,
                fill: false,
                label: 'debet',
                color: '#1AA017'
            },
            {
                renderer: $.jqplot.BarRenderer,
                label: 'credit',
                color: '#FD3400'
            }
        ],
        axesDefaults: {
            rendererOptions: {
                drawBaseline: false
            }
        },
        axes: {
            xaxis: {
                renderer: $.jqplot.CategoryAxisRenderer,
                tickRenderer: $.jqplot.CanvasAxisTickRenderer,
                tickOptions: {
                    formatString: "%b %e",
                    angle: -30,
                    textColor: '#755E28'
                },
                min: "<?php echo $datum1; ?>",
                max: "<?php echo $datum2; ?>",
                tickInterval: "1 days",
                drawMajorGridlines: false
            },
            yaxis: {
                renderer: $.jqplot.LogAxisRenderer,
                rendererOptions: {
                    minorTicks: 0
                },
                tickRenderer: $.jqplot.CanvasAxisTickRenderer,
                autoscale: true,
                tickOptions: {
                    formatString: " %.2f",
                    showMark: false,
                    textColor: '#755E28'
                }
            }
        }
    });
    
    $('.jqplot-highlighter-tooltip').addClass('ui-corner-all')

});
 
Er zijn nog geen reacties op dit bericht.



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.