JSFiddle

  • Horizontal UI in html css3

    Horizontal UI in html css3

    <div id="navcontainer">
    <ul>
    <li><a href="#">Milk</a></li>
    <li><a href="#">Eggs</a></li>
    <li><a href="#">Cheese</a></li>
    <li><a href="#">Vegetables</a></li>
    <li><a href="#">Fruit</a></li>
    </ul>
    </div>
  • HighChart Exporting In Client Side #4 is the latest revision

    In this was you can avoid the hit going to http://export.highcharts.com/ while exporting in highchart

    $(function () {
        $('#myChart').highcharts({
            credits: {
                enabled: false
            },
            exporting: {
                chartOptions: {
                    plotOptions: {
                        series: {
                            dataLabels: {
                                enabled: true
                            }
                        }
                    }
                },
                scale: 3,
                fallbackToExportServer: false
            },
            title: {
                text: 'My ...
  • Highcharts Demo

    author(s): Øystein Moseng

    $(function () {
    
        $('#container').highcharts({
    
            exporting: {
                chartOptions: { // specific options for the exported image
                    plotOptions: {
                        series: {
                            dataLabels: {
                                enabled: true
                            }
                        }
                    }
                },
                scale: 3,
                fallbackToExportServer: false ...
  • Highcharts Demo

    author(s): Torstein Hønsi

    $(function () {
    
        $.getJSON('http://www.highcharts.com/samples/data/jsonp.php?filename=world-population-density.json&callback=?', function (data) {
    
            // Initiate the chart
            $('#container').highcharts('Map', {
    
                title : {
                    text : 'Get axis extremes'
                },
    
                colorAxis: {
                    min: 1,
                    max: 1000,
                    type: 'logarithmic'
                },
    
                series : [{
                    data : data,
                    mapData: Highcharts.maps['custom/world'],
                    joinBy: ['iso-a2', 'code'],
                    name: 'Population density',
                    states: {
                        hover: {
                            color: '#BADA55'
                        }
                    },
                    tooltip: {
                        valueSuffix: '/km²'
                    }
                }]
            });
        });
    
        $('#getextremes').click(function () {
            var chart = $('#container').highcharts ...
  • Highcharts Demo #3 is the latest revision

    author(s): Torstein Hønsi

    $(function () {
    
        // create the chart
        $('#container').highcharts({
            chart: {
                events: {
                    selection: function (event) {
                        var text,
                            label;
                        if (event.xAxis) {
                            text = 'min: ' + Highcharts ...
  • Highcharts Demo #6 is the latest revision

    author(s): Torstein Hønsi

    $(function () {
        $('#container').highcharts({
            chart: {
                type: 'line',
                zoomType: 'xy',
                panning: true,
                panKey: 'shift'
            },
    
            title: {
                text: 'Zooming and panning'
            },
    
            subtitle: {
                text: 'Click ...
  • Highcharts Demo #2 is the latest revision

    author(s): Torstein Hønsi

    $(function () {
    
        $.getJSON('http://www.highcharts.com/samples/data/jsonp.php?filename=world-population.json&callback=?', function (data) {
    
            var mapData = Highcharts.geojson(Highcharts.maps['custom/world']);
    
            // Correct UK to GB in data
            $.each ...
  • Html Grid

    Set the showpinnedcolumnbackground property of the jqxGrid. Author: http://jqwidgets.com

      var data = new Array();
      var firstNames = [
          "Andrew", "Nancy", "Shelley", "Regina", "Yoshi", "Antoni", "Mayumi", "Ian", "Peter", "Lars", "Petra", "Martin", "Sven", "Elio ...
  • Html Grid

    Set the showpinnedcolumnbackground property of the jqxGrid. Author: http://jqwidgets.com

      var data = new Array();
      var firstNames = [
          "Andrew", "Nancy", "Shelley", "Regina", "Yoshi", "Antoni", "Mayumi", "Ian", "Peter", "Lars", "Petra", "Martin", "Sven", "Elio ...
  • Highcharts Demo #80 is the latest revision

    author(s): Torstein Hønsi

    $(function () {
    
        $('#container').highcharts({
    
            chart: {
                type: 'heatmap',
                marginTop: 40,
                marginBottom: 40
            },
    
    
            title: {
                text: 'Sales per employee per weekday'
            },
    
            xAxis: {
                categories: ['Alexander ...
  • 1
  • 2