score:4

Accepted answer

You can make a variable for the options that are in common, like:

var commonOptions = {
    chart: {
        type: 'area'
    },
    // ...
};

And then merge in the specific options for each chart like this:

$('#container').highcharts(Highcharts.merge(commonOptions, {
    series: [{
        name: 'Tokyo',
        data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
    }]
    // ...
}));

See this JSFiddle example with legend, tooltip and series options.

score:3

How about creating function like createChart? And passing on variables? Like this: http://jsfiddle.net/0s2pkps0/2/

newChart('#chart-1', 'Date', 'Count', series_1);
newChart('#chart-2', 'Weekly report', 'Total views', series_2);

function newChart(container, xAxisTitle, yAxisTitle, series) {
  $(container).highcharts({
    chart: {
      type: 'area'
    },
    xAxis: {
      type: 'datetime',
      dateTimeLabelFormats: {
        day: '%eth %b'
      },
      title: {
        text: xAxisTitle,
      }
    },

    yAxis: {
      title: {
        text: yAxisTitle
      },
    },
    series: series
  });
}

Related Query

More Query from same tag