var myset = {

"timeperiods":["2014-09-01","2014-09-08","2014-09-15","2014-09-22","2014-09-29","2014-10-06","2014-10-13","2014-10-20","2014-10-27","2014-11-03","2014-11-10","2014-11-17","2014-11-24","2014-12-01","2014-12-08","2014-12-15","2014-12-22","2014-12-29","2015-01-05","2015-01-12","2015-01-19","2015-01-26","2015-02-02","2015-02-09","2015-02-16","2015-02-23","2015-03-02","2015-03-09","2015-03-16","2015-03-23","2015-03-30","2015-04-06","2015-04-13","2015-04-20","2015-04-27","2015-05-04","2015-05-11","2015-05-18","2015-05-25","2015-06-01","2015-06-08","2015-06-15","2015-06-22","2015-06-29","2015-07-06","2015-07-13","2015-07-20","2015-07-27","2015-08-03","2015-08-10","2015-08-17","2015-08-24","2015-08-31","2015-09-07","2015-09-14","2015-09-21","2015-09-28","2015-10-05","2015-10-12","2015-10-19","2015-10-26","2015-11-02","2015-11-09","2015-11-16","2015-11-23","2015-11-30","2015-12-07","2015-12-14","2015-12-21","2015-12-28","2016-01-04","2016-01-11","2016-01-18","2016-01-25","2016-02-01","2016-02-08","2016-02-15","2016-02-22","2016-02-29","2016-03-07","2016-03-14","2016-03-21","2016-03-28","2016-04-04","2016-04-11","2016-04-18","2016-04-25","2016-05-02","2016-05-09","2016-05-16"],

"counts":["122","98","121","106","152","166","143","137","137","180","158","145","140","220","110","115","17","1","69","194","132","127","95","102","103","97","129","118","110","115","93","167","123","121","93","103","280","134","112","124","130","100","126","115","106","128","120","106","117","140","120","105","133","120","112","128","144","165","151","137","140","132","130","135","99","117","140","150","113","1","261","274","198","244","209","160","207","230","194","174","170","134","139","141","164","140","158","155","153","112"]

 };

​

selectorOptions = {

            visible: 0,

            buttons: [{

                step: 'month',

                stepmode: 'backward',

                count: 1,

                label: '1m'

            }, {

                step: 'month',

                stepmode: 'backward',

                count: 6,

                label: '6m'

            }, {

                step: 'year',

                stepmode: 'todate',

                count: 1,

                label: 'YTD'

            }, {

                step: 'year',

                stepmode: 'backward',

                count: 1,

                label: '1y'

            }, {

                step: 'all',

            }],

        };

​

​

var trace1 = {

    x: myset.timeperiods,

    y: myset.counts,

    name: 'Count of tickets',

    mode: 'lines+markers',

    line: {shape: 'spline'},

};

​

​

var data = [trace1];

var layout = {

    title: "myset",

    height: 800,

    width: 1500,

    xaxis: {

        rangeselector: selectorOptions,

        rangeslider: {

          range: [

            new Date(myset.timeperiods[0]).getTime(), 

            new Date(myset.timeperiods[myset.timeperiods.length - 1]).getTime()

          ]      

        }

    },

    yaxis: {

        fixedrange: true

    }

};

​

Plotly.newPlot("chart", data, layout);

​

​

​