Reply To: Charts are not showing with the owl-carousel slider

[Support]

Hello, thanks for your purchase.

First change the HTML of carousel to:

<div id="chartCarousel" class="owl-carousel owl-theme nav-style-1 mb-0"...................

Give unique ID to chart inside the carousel:

<div class="chart chart-md flotBasic2" id="flotBasic2"></div>

Add in (js/custom.js):

$('#chartCarousel').on('initialized.owl.carousel', function(){
	if( $('.flotBasic2').get(0) ) {
		
		var flot = $('.floatBasic2').data('plot');

		if( flot ) {
			flot.destroy();
		}

		var plot = $.plot('.flotBasic2', flotBasicData, {
			series: {
				lines: {
					show: true,
					fill: true,
					lineWidth: 1,
					fillColor: {
						colors: [{
							opacity: 0.45
						}, {
							opacity: 0.45
						}]
					}
				},
				points: {
					show: true
				},
				shadowSize: 0
			},
			grid: {
				hoverable: true,
				clickable: true,
				borderColor: 'rgba(0,0,0,0.1)',
				borderWidth: 1,
				labelMargin: 15,
				backgroundColor: 'transparent'
			},
			yaxis: {
				min: 0,
				max: 200,
				color: 'rgba(0,0,0,0.1)'
			},
			xaxis: {
				color: 'rgba(0,0,0,0.1)'
			},
			tooltip: true,
			tooltipOpts: {
				content: '%s: Value of %x is %y',
				shifts: {
					x: -60,
					y: 25
				},
				defaultTheme: false
			}
		});
	}
});

We hope this helps!

Please try that and let us know if you need further assistance.

Kind Regards,

Rodrigo.

---

If you are satisfied with Porto Admin and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads

---