Jqplot staaf-grafiek wordt niet getoond.

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Informatie Analist

Help jij onze klanten in de publieke sector bij het doorgronden en oplossen van uitdagende en complexe vraagstukken? Heb jij ervaring in het werken op het snijvlak van business en IT? Beschik jij over de nodige kennis van (de nieuwste) informatiesystemen om te kunnen sparren binnen DevOps-teams? CGI heeft een vacature voor de functie van Informatie Analist Groningen Wat ga je doen als Informatie Analist? Als Informatie Analist help je onze klanten hun doelstellingen te realiseren door het uitvoeren van analyse en ontwerpen. Je bent onder meer betrokken bij het inrichten en implementeren van nieuwe IT oplossingen, het reduceren van

Bekijk vacature »

Werkplekbeheerder

Met een team van enthousiaste medewerkers levert IT Resource Company diensten op het gebied van werving & selectie en detachering aan aansprekende (middel) grote opdrachtgevers binnen de marktsegmenten (semi) overheid en zakelijke dienstverlening. Ter versterking van het werkplekteam van één van onze opdrachtgevers op de Maasvlakte zoeken wij een: Werkplekbeheerder IT Resource Company is een moderne organisatie met een degelijk karakter. We staan voor flexibiliteit, kwaliteit en samenwerking tussen de specialist, de opdrachtgever en onze eigen organisatie. Wij gaan uiterst zorgvuldig om met en zijn trots op onze medewerkers en opdrachtgevers. De totale IT personeelsbezetting (sourcing) van de klant is

Bekijk vacature »

Oracle Middleware Developer

Wat je gaat doen: Wij zijn op zoek naar een Oracle Middleware Developer met kennis van/ervaring met onder andere SOA Suite 10G en/of SOA Suite 11G, WebLogic, BPEL Orchestration, Java, SOAP. Je bent bekend met de integratie laag gebaseerd op Oracle SOA Suite 10G. Als Middleware developer ben je verantwoordelijk voor de ontwikkeling van integratie tussen de diverse applicaties in het landschap, en de communicatie tussen de klant en andere stakeholders. Je werkt samen met het applicatie team, zoals functioneel ontwerpers en andere ontwikkelaars om de oplossing verder te ontwikkelen en te implementeren. Je collega’s werken onder andere met technieken

Bekijk vacature »

Senior .NET Developer voor innovatieve marktleider

Functieomschrijving Jij en de 10 a 15 andere Ontwikkelaars werken samen op Agile wijze aan het verder uitbouwen en het verbeteren van de applicatie. Naast de 'hoofdapplicatie' zijn er nog een heleboel kleinere modules omheen. Ook deze moeten allemaal onderhouden en verder uitgebouwd worden. Je werkzaamheden zijn dus heel divers; de ene dag bouw je een volledige nieuwe module, de andere dag fix je bugs en weer een andere dag Wekelijks wordt er een duidelijke planning opgesteld waarin de doelen voor die week worden vastgelegd. Elke ochtend is er een standup waarin de voortgang besproken wordt. Uiteraard wordt dit ook

Bekijk vacature »

.NET API developer Ernem Azure devops

Functieomschrijving Je wordt als .NET developer onderdeel van een goed lopend Scrumteam en gaat samen aan de slag om het SAAS aangeboden product verder te verbeteren en uit te breiden. Onze klant loopt graag, maar vooral bewust, voorop met nieuwe technieken. Dus naast het ontwikkelen van nieuwe functionaliteiten ga je ook pionieren met nieuwe technieken. Naast Scrum en Azure is onze klant fervent voorstander van devops! Meer weten? Neem dan contact op via kjell@careervalue.nl of bel 0657578548 Functie-eisen - Je hebt HBO werk en denk niveau - Je hebt ervaring met C#, API's, Azure, - Je hebt kennis van HTML5,

Bekijk vacature »

Android Developer vacature

Je bent creatief. Je wilt verschil maken. Je gaat voor mobile. Voor het bedenken, ontwerpen en realiseren van sterke mobile-apps mag men jou ’s nachts wakker maken. Android Development Professional Jij weet hoe je Android-apps met impact ontwikkelt en levert ze op tijd af. Of het nu gaat om betalen met een vingerafdruk, het delen van de bar-rekening of het mobiel aanpassen van de (sfeer-)verlichting in huis, jij weet welke integrale functionaliteiten toegevoegde waarde hebben voor de eindgebruiker. Jij zorgt er bovendien voor dat jouw apps het toonbeeld zijn van gebruikersvriendelijkheid en veiligheid. Omdat je breed georiënteerd bent, kun je

Bekijk vacature »

Software Ontwikkelaar C#.NET

Software Ontwikkelaar C#.NET Zit het ontwikkelen van innovatieve applicaties in C#.NET, JAVA of PHP in jouw bloed en wil jij je kennis toepassen binnen uitdagende projecten in kantoorautomatisering of industrie. Dan kan MA-IT mogelijk iets voor je betekenen, aangezien wij uitbreiding zoeken in ons IT team van Software Engineer voor onze vestigingen in Deventer, Son en Gorinchem. Functie-eise Software Ontwikkelaar C#.NET Dit is wat je gaat doen Als C#, JAVA of PHP Developer ontwikkel je binnen een SCRUM omgeving, het hart van de producten die (inter)nationaal gebruikt worden. Het betreft complexe software waarbij je op een hoog abstractieniveau software ontwikkelt.

Bekijk vacature »

iOS Developer

Je bent innovatief. Je bent creatief. Jij gaat voor een topbaan. Aan de slag als iOS-professional Mobile apps ontwerpen, uitwerken en realiseren, dat is jouw passie! Met grote toewijding richt jij je dan ook op een app waarmee consumenten met een gezichtsscan betalen. Of je stort je je op een app die de temperatuur in huis op afstand kan regelen. Het spreekt voor zich dat jouw apps top of the bill zijn als het gaat om gebruiksvriendelijkheid en veiligheid. Ze hebben impact. Je voelt je als een vis in het water in een iOS-omgeving maar, veelzijdig als je bent, kun

Bekijk vacature »

Front-end developer

Bij Airtrade is het heel goed toeven Zodra je ons kantoor in Haarlem binnenwandelt komt de dynamische vibe je direct tegemoet. De geur van verse cappuccino (ja, met échte melk) leidt je via onze goed gevulde pantry naar de ontmoetingsruimte, waar je een praatje maakt met een developer en een IATA-specialist. Ondertussen beginnen je collega's verderop met het eerste potje Mario Kart. Aangekomen bij je werkplek zie je ‘studiereis verloting onder medewerkers’ in je inbox verschijnen. Jij denkt: meedoen! Dit kan ook jouw leven zijn. Bij Airtrade inspireren we onze medewerkers graag; met een fijne werkplek en enthousiaste collega's én

Bekijk vacature »

Support Engineer/Netwerkbeheerder

Support Engineer/Netwerkbeheerder (binnen en buitendienst) bij PCG-IT bv Als IT Support Engineer ben je verantwoordelijk voor het ondersteunen van klanten en gebruikers van PCG-IT. Je helpt klanten en gebruikers via telefoon en op locatie bij storingen en met technische vragen over de producten/software/systemen. Je bent gastvrij en slagvaardig, waardoor je makkelijk de klant iets uitgelegd krijgt. Je bent een echte techneut en hebt ervaring met systeem –en netwerkbeheer. Functieomschrijving • Helpdesk (telefonische ondersteuning bij storingen, wijzigingen en vragen); • Werkplek en serverbeheer • Remote en extern oplossen van storingen; • Uitvoeren van reparaties; • Meedenken met het optimaliseren van de

Bekijk vacature »

Java fullstack developer Brabants finest

Functieomschrijving Voor Java developers in Brabant is dit bedrijf echt de plaats om te wezen. Waarom? Omdat de grote tech bedrijven in de regio een groot vertrouwen hebben in de kwaliteit die geleverd wordt. Je draait projecten op locatie maar ook intern op kantoor, en dat is bijzonder te noemen want dat doen die tech bedrijven maar zelden. Je komt te werken in een team van gedreven Java professionals die mooie software ontwikkelen op basis van relevante technieken. Hoewel de functie dus ook (groten)deels intern is, hoort een lease auto wel bij het voorwaardenpakket. Meer weten? Reageer dan via kjell@careervalue.nl

Bekijk vacature »

Senior Backend PHP Dev gezocht in hartje Rotterdam

Functieomschrijving Samen met je collega's ga je in Scrumverband werken aan maatwerk webapplicaties. Hierbij word je elke dag uitgedaagd om het beste uit jezelf en uit je collega's naar boven te halen. Omdat jouw nieuwe werkgever het belangrijk vindt niet alleen haar eigen collega's, maar ook PHPers buiten de organisatie te ondersteunen, zijn zij expliciet aanwezig in de open-source community. Als Senior Backend PHPer krijg je een verantwoordelijke en gewaardeerde functie binnen het bedrijf. Je gaat hier hele goede en gestructureerde code schrijven en hebt daarbij een voorbeeldfunctie voor de minder ervaren teamleden. Samenwerken is een begrip dat hier heel

Bekijk vacature »

.NET C# programmeur, inhouse (ASP.NET Core, Web AP

C# .NET ontwikkelaar en op zoek naar een inhouse baan bij jou in de buurt? Het liefst een baan in een leuke, sociale en betrokken werkomgeving? Waar je de mogelijkheid krijgt om opleidingen te volgen en je de vrijheid krijgt om mee te denken? Dan zou deze baan wel eens iets voor jou kunnen zijn. Voor een organisatie in Rotterdam zoek we een C# .NET ontwikkelaar. De organisatie houdt zich bezig in de financiële branche en is een van grotere spelers in hun vakgebied. Voor hun bedrijfsvoering hebben ze momenteel 2 producten in ontwikkeling/onderhoud. Eén van deze producten is op

Bekijk vacature »

Applicatiebeheerder

Sportfondsen zet zich in voor een vitaal Nederland. Wij geloven in de kracht van bewegen. In de kracht van mentale uitdaging. En in het plezier om dat samen te doen. Met doelgerichte programma’s en accommodaties vanuit een gestroomlijnde organisatie werken wij samen met gemeenten, maatschappelijke organisaties en andere partners op het brede domein van beweging én welzijn. Sportfondsen Groep is een private onderneming met een groepsomzet van circa € 130 miljoen. Met meer dan 3.000 medewerkers exploiteert Sportfondsen Groep, via een 100-tal ondernemingen, meer dan 550 voorzieningen zoals zwembaden, sporthallen, ijsbanen, multifunctionele sportcentra en sociaal-culturele centra. De adviseurs en specialisten

Bekijk vacature »

Mobile developer Utrecht

A company with an ambition to revolutionize the way people access food while reducing food waste is looking for a forward-thinking mobile developer who will work closely with product owners, art directors, UX designers, and other app developers to deliver a clean code that will turn their idea into a mobile application. If you are an Android developer or iOS developer or looking to work on a very cool hybrid app in React Native, you are reading the right job post! WHAT YOU’LL NEED: 3+ years of experience in mobile development, either native iOS or Android development or hybrid mobile

Bekijk vacature »
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')

});
 
PHP hulp

PHP hulp

20/03/2019 11:27:44
 
Frits van Leeuwen

Frits van Leeuwen

14/11/2018 22:07:48
Quote Anchor link
Ik heb er dit van gemaakt en nu werkt het wel. Ik moest hiervoor wel een meervoudige array omvormen naar een enkelvoudige array.
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
89
90
91
92
93
94
95
96
97
98
99
100
                                        $(document).ready(function(){
                                            
                                            var s1 = <?php echo json_encode($debet_arr, JSON_NUMERIC_CHECK); ?>;
                                            var s2 = <?php echo json_encode($credit_arr, JSON_NUMERIC_CHECK); ?>;
                                            var ticks = <?php echo json_encode($datum_arr, JSON_NUMERIC_CHECK); ?>;
    
                                            plot2 = $.jqplot('chart2', [s1, s2], {
                                                // Turns on animatino for all series in this plot.
                                                animate: false,
                                                cursor: {
                                                    show: true,
                                                    zoom: true,
                                                    looseZoom: true,
                                                    showTooltip: false,
                                                    tooltipLocation:'sw'
                                                },
                                                seriesDefaults: {
                                                    renderer:$.jqplot.BarRenderer,
                                                    rendererOptions: { fillToZero: true },
                                                    pointLabels: { show: true },
                                                    // Set the varyBarColor option to true to use different colors for each bar.
                                                    // The default series colors are used.
                                                    varyBarColor: false
                                                },
                                                axes: {
                                                    xaxis: {
                                                        renderer: $.jqplot.CategoryAxisRenderer,
                                                        ticks: ticks,
                                                        tickRenderer: $.jqplot.CanvasAxisTickRenderer,
                                                        labelRenderer: $.jqplot.CanvasAxisLabelRenderer,
                                                        tickOptions: {
                                                            formatString: '%e %b %Y',
                                                            angle: -90,
                                                            textColor: '#755E28'
                                                        }
                                                    },
                                                    yaxis: {
                                                        autoscale: true,
                                                        labelRenderer: $.jqplot.CanvasAxisLabelRenderer,
                                                        label: 'inkomsten en uitgaven',
                                                        tickRenderer: $.jqplot.CanvasAxisTickRenderer,
                                                        tickOptions: {
                                                            formatString: " %.2f",
                                                            showMark: false,
                                                            textColor: '#755E28'
                                                        }
                                                    }
                                                },
                                                series: [
                                                    {
                                                        pointLabels: { show: true },
                                                        renderer: $.jqplot.BarRenderer,
                                                        fill: false,
                                                        label: 'inkomsten',
                                                        color: '#1AA017'
                                                    },
                                                    {
                                                        renderer: $.jqplot.BarRenderer,
                                                        label: 'uitgaven',
                                                        color: '#FD3400'
                                                    },
                                                    {
                                                        lineWidth:4,
                                                        markerOptions:{ style:'square' }
                                                    }
                                                ],
                                                // wijzig kleur bij mouseover
                                                highlighter: {
                                                    show: true,
                                                    tooltipAxes: 'y',
                                                    yvalues: 1,
                                                    formatString:'<table class="jqplot-highlighter"><tr><td>bedrag:</td><td>%s</td></tr></table>'
                                                },
                                                // legenda
                                                legend: {
                                                    show: true,
                                                    placement: 'outside'
                                                },
                                                // layout
                                                grid: {
                                                    background: 'rgba(57,57,57,0.0)',
                                                    drawBorder: false,
                                                    shadow: false,
                                                    gridLineColor: '#755E28',
                                                    gridLineWidth: 1
                                                }
                                            });
    
                                            $('#chart2').bind('jqplotDataHighlight',
                                                function (ev, seriesIndex, pointIndex, data) {
                                                    $('#info2').html('series: '+seriesIndex+', point: '+pointIndex+', data: '+data);
                                                }
                                            );
                                                
                                            $('#chart2').bind('jqplotDataUnhighlight',
                                                function (ev) {
                                                    $('#info2').html('Nothing');
                                                }
                                            );
                                        });
Gewijzigd op 14/11/2018 22:14:58 door Frits van Leeuwen
 



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.