JSFiddle

  • Highcharts limit bar width

    jQuery 2.1.0, HTML, CSS, JavaScript

    $(function () {
        (function(H) { 
            var each = H.each;
            H.wrap(H.seriesTypes.column.prototype, 'drawPoints', function(proceed) {
                var series = this;
                if ...
  • Highcharts Demo

    author(s): Torstein Hønsi

    $(function () {
        $('#container').highcharts({
            chart: {
                type: 'bar'
            },
            plotOptions: {
                series: {
                    grouping: false,
                    stacking: 'normal',
                    pointPadding: 0.2,
                    allowPointSelect: true,
                    states: {
                        select: {
                            color ...
  • Highcharts Demo

    author(s): Torstein Hønsi

    $(function () {
        $('#container').highcharts({
            chart: {
                type: 'column'
            },
            xAxis: {
                categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec ...
  • Highcharts Demo

    author(s): Torstein Hønsi

    $(function () {
        $('#container').highcharts({
            title: {
                text: 'Halo options demonstrated'
            },
            xAxis: {
                categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct ...
  • Highcharts Demo

    author(s): Torstein Hønsi

    $(function () {
        $('#container').highcharts({
            xAxis: {
                categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
            },
            plotOptions: {
                series: {
                    allowPointSelect ...
  • Highcharts-ng

    A simple Angularjs directive for Highcharts. AngularJs, Highcharts

    //See: https://github.com/pablojim/highcharts-ng
    var myapp = angular.module('myapp', ["highcharts-ng"]);
    
    myapp.controller('myctrl', function ($scope) {
    
    
        $scope.chartConfig = {
            chart ...
  • Highcharts Demo

    author(s): Torstein Hønsi

    $(function () {
        // Create the chart
        $('#container').highcharts({
            chart: {
                type: 'column'
            },
            title: {
                text: 'Browser market shares. January, 2015 to May, 2015'
            },
            subtitle ...
  • Mobile Header #8 is the latest revision

    Mobile header example

    $('head').append('<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">');
  • angular repeat problem

    AngularJS 1.0.2, HTML, CSS, JavaScript

    var module = angular.module('testApp', [])
        .directive('test', function ($compile) {
        return {
            restrict: 'E',
            scope: {
                text: '@'
            },
            template: '<p ng-click="add()">{{text}}</p>',
            controller: function ($scope, $element ...
  • AngularJS Form Validation

    Shows how AngularJS and CSS can play together for form validation. AngularJS port of this jQuery Password strength verification: http://www.webdesignerdepot.com/2012/01/password-strength-verification-with-jquery/

    var app = angular.module('form-example', []);
    
    app.directive('passwordValidate', function() {
        return {
            require: 'ngModel',
            link: function(scope, elm, attrs, ctrl) {
                ctrl.$parsers ...