The chart does not appear when using the slider

[grandkarabas]

When creating a chart with a slider, the chart is not displayed in a number of cases until the position of the slider is changed. I think this is due to the creation of two objects of Chart class within the same context (lines 3 and 29 of RangeSlider-core.js):

chartProto: new Chart(opts.chartCTX),

ranger.chart = new Chart(ctx, {

As far as I understand, the first object is created only in order to update width of the corresponding canvas element for the slider element to occupy the corresponding space. If this is the case, then the first Chart is not necessary to create, but instead move line 89 a little back before editing of css:

	ranger._create()

	ranger.sliderElement
		.addClass('range-slider')
		.css({
			width: opts.chartCTX.canvas.width - 50
		})

	//TODO: add rangeslider width adjustment
	$(window).on('resize', function () {
		ranger.sliderElement.css({
			width: opts.chartCTX.canvas.width - 50
		})
	})

	return ranger

In this case width of appropriate canvas element would be properly updated, so the width of the slider element will be the same as it was intended.