The first commented line is your dabblet’s title

dabblet.css

/**
 * The first commented line is your dabblet’s title
 */

background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;

dabblet.html

$(function() {
  $("#chart").chart({
  template: "line_basic_2",
  tooltips: {
    serie1: ["placering", "placering", "placering", "placering"]
  },
  values: {
      serie1: [58, 42, 42, 68, 77, 30, 11, 22, 54, 50]
  },
 labels : ["1", "2", "3", "4","5","6","7","8","9","10"],
 defaultSeries : {
  fill : true,
  stacked : true
 },
      
  defaultSeries: {
    fill: true,
    stacked: false,
    highlight: {
      scale: 2
    },
    startAnimation: {
      active: true,
      type: "grow",
      easing: "bounce"
    }
  }
});

});

$.elycharts.templates['line_basic_2'] = {
  type: "line",
  margins: [40, 10, 20, 50],
  defaultSeries: {
    plotProps: {
      "stroke-width": 4
    },
    dot: true,
    dotProps: {
      stroke: "white",
      "stroke-width": 2
    }
  },
  series: {
    serie1: {
      color: "orange"
    }
  },
  defaultAxis: {
    labels: true
  },
  features: {
    grid: {
      draw: [true, false],
      
    },
    legend: {
      horizontal: false,
      width: 700,
      height: 225,
      x: 700,
      y: 225,
      dotType: "circle",
      dotProps: {
        stroke: "white",
        "stroke-width": 2
      },
      borderProps: {
        opacity: 0.3,
        fill: "#F9900C",
        "stroke-width": 0
      }
    }
  }
};

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"html"}