Previous Examples Next
Verwerkende FruedenStunde Companaziert Eine industrie
Retail
Primaire producent
Out of home
Groothandel
Grondstof
Consument
Bewerkende industrie

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
$(document).ready(function(){
    jQuery.jqplot.config.enablePlugins = true;
    plot1 = jQuery.jqplot('chart1',
        [[['Verwerkende FruedenStunde Companaziert Eine industrie', 9],['Retail', 8], ['Primaire producent', 7],
        ['Out of home', 6],['Groothandel', 5], ['Grondstof', 4], ['Consument', 3], ['Bewerkende industrie', 2]]],
        {
            title: ' ',
            seriesDefaults: {
        shadow: false,
        renderer: jQuery.jqplot.PieRenderer,
        rendererOptions: { padding: 2, sliceMargin: 2, showDataLabels: false }
      },
            legend: { show:true, location: 'e' }
        }
    );
});
Verwerkende industrie
Retail
Primaire producent
Out of home
Groothandel
Grondstof
Consument
Bewerkende industrie
64%
21%
14%

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
$(document).ready(function(){
  plot2 = jQuery.jqplot('chart2',
    [[['Verwerkende industrie', 9],['Retail', 0], ['Primaire producent', 0],
    ['Out of home', 0],['Groothandel', 0], ['Grondstof', 0], ['Consument', 3], ['Bewerkende industrie', 2]]],
    {
      title: ' ',
      seriesDefaults: {
        shadow: false,
        renderer: jQuery.jqplot.PieRenderer,
        rendererOptions: {
          startAngle: 180,
          sliceMargin: 4,
          showDataLabels: true }
      },
      legend: { show:true, location: 'w' }
    }
  );
});
Verwerkende industrie
Retail
Primaire producent
Out of home
Groothandel
Grondstof
Consument
Bewerkende industrie
82%
18%

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
$(document).ready(function(){
  plot3 = jQuery.jqplot('chart3',
    [[['Verwerkende industrie', 9],['Retail', 0], ['Primaire producent', 0],
    ['Out of home', 0],['Groothandel', 0], ['Grondstof', 0], ['Consument', 0], ['Bewerkende industrie', 2]]],
    {
      title: ' ',
      seriesDefaults: {
        shadow: false,
        renderer: jQuery.jqplot.PieRenderer,
        rendererOptions: {
          sliceMargin: 4,
          showDataLabels: true
        }
      },
      legend: { show:true, location: 'e' }
    }
  );
 
   
});
Verwerkende industrie
Retail
Primaire producent
Out of home
Groothandel
Grondstof
Consument
Bewerkende industrie
97%
3%

?
1
2
3
4
5
6
7
8
9
10
11
12
13
$(document).ready(function(){
  plot4 = jQuery.jqplot('chart4',
    [[['Verwerkende industrie', 30],['Retail', 0], ['Primaire producent', 0],
    ['Out of home', 0],['Groothandel', 0], ['Grondstof', 0], ['Consument', 0], ['Bewerkende industrie', 1]]],
    {
      title: ' ',
      seriesDefaults: {shadow: false, renderer: jQuery.jqplot.PieRenderer, rendererOptions: { sliceMargin: 4, showDataLabels: true } },
      legend: { show:true, location: 'e' }
    }
  );
 
   
});
Verwerkende industrie
Retail
Primaire producent
Out of home
Groothandel
Grondstof
Consument
Bewerkende industrie
99%

?
1
2
3
4
5
6
7
8
9
10
11
$(document).ready(function(){
  plot5 = jQuery.jqplot('chart5',
    [[['Verwerkende industrie', 100],['Retail', 0], ['Primaire producent', 0],
    ['Out of home', 0],['Groothandel', 0], ['Grondstof', 0], ['Consument', 0], ['Bewerkende industrie', 1]]],
    {
      title: ' ',
      seriesDefaults: {shadow: false, renderer: jQuery.jqplot.PieRenderer, rendererOptions: { sliceMargin: 4, showDataLabels: true } },
      legend: { show:true }
    }
  );
});
Verwerkende industrie
100%

?
1
2
3
4
5
6
7
8
9
10
$(document).ready(function(){
  plot6 = jQuery.jqplot('chart6',
    [[['Verwerkende industrie', 100]]],
    {
      title: ' ',
      seriesDefaults: {shadow: false, renderer: jQuery.jqplot.PieRenderer, rendererOptions: { sliceMargin: 4, showDataLabels: true } },
      legend: { show:true }
    }
  );
});
Verwerkende industrie
Retail
Primaire producent
Out of home
Groothandel
Grondstof
Consument
Bewerkende industrie
20%
18%
16%
14%
11%
9%
7%
5%

?
1
2
3
4
5
6
7
8
9
10
11
12
$(document).ready(function(){
  jQuery.jqplot.config.enablePlugins = true;
  plot7 = jQuery.jqplot('chart7',
    [[['Verwerkende industrie', 9],['Retail', 8], ['Primaire producent', 7],
    ['Out of home', 6],['Groothandel', 5], ['Grondstof', 4], ['Consument', 3], ['Bewerkende industrie', 2]]],
    {
      title: ' ',
      seriesDefaults: {shadow: true, renderer: jQuery.jqplot.PieRenderer, rendererOptions: { showDataLabels: true } },
      legend: { show:true }
    }
  );
});
Verwerkende industrie
Retail
Primaire producent
Out of home
Groothandel
Grondstof
Consument
Bewerkende industrie
99%

?
1
2
3
4
5
6
7
8
9
10
11
$(document).ready(function(){
  plot8 = jQuery.jqplot('chart8',
    [[['Verwerkende industrie', 100],['Retail', 0], ['Primaire producent', 0],
    ['Out of home', 0],['Groothandel', 0], ['Grondstof', 0], ['Consument', 0], ['Bewerkende industrie', 1]]],
    {
      title: ' ',
      seriesDefaults: {shadow: true, renderer: jQuery.jqplot.PieRenderer, rendererOptions: { showDataLabels: true } },
      legend: { show:true }
    }
  );
});
Verwerkende industrie
Retail
Primaire producent
Out of home
Groothandel
Grondstof
Consument
Bewerkende industrie
20%
18%
16%
14%
11%
9%
7%
5%

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
$(document).ready(function(){
  jQuery.jqplot.config.enablePlugins = true;
  plot9 = jQuery.jqplot('chart9',
    [[['Verwerkende industrie', 9],['Retail', 8], ['Primaire producent', 7],
    ['Out of home', 6],['Groothandel', 5], ['Grondstof', 4], ['Consument', 3], ['Bewerkende industrie', 2]]],
    {
      title: ' ',
      seriesDefaults: {shadow: true, renderer: jQuery.jqplot.PieRenderer, rendererOptions: {
          fill: false,
          sliceMargin: 4,
          showDataLabels: true
          }
      },
      legend: { show:true }
    }
  );
});
Verwerkende industrie
Retail
Primaire producent
Out of home
Groothandel
Grondstof
Consument
Bewerkende industrie
99%

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
$(document).ready(function(){
  plot10 = jQuery.jqplot('chart10',
    [[['Verwerkende industrie', 100],['Retail', 0], ['Primaire producent', 0],
    ['Out of home', 0],['Groothandel', 0], ['Grondstof', 0], ['Consument', 0], ['Bewerkende industrie', 1]]],
    {
      title: ' ',
      seriesDefaults: {shadow: true, renderer: jQuery.jqplot.PieRenderer, rendererOptions: {
          fill: false,
          sliceMargin: 4,
          showDataLabels: true
        }
      },
      legend: { show:true }
    }
  );
});

The charts on this page depend on the following files:

?
<script type="text/javascript" src="../jquery.min.js"></script>
<script type="text/javascript" src="../jquery.jqplot.min.js"></script>
<script type="text/javascript" src="../plugins/jqplot.pieRenderer.min.js"></script>
<link rel="stylesheet" type="text/css" hrf="../jquery.jqplot.min.css" />