Category : highcharts

I have 2 table 1- refugee table Refugee table 2- country table Country table I want to display refugee Population with any country in Highcharts map. how to display refugee Population? Refugee Controller : public function index() { $refugees =DB::table(‘countries’) ->join(‘refugees’,’countries.id’,’refugees.country_id’) ->select(‘name’,DB::raw(‘SUM(total) as sum_total’)) ->groupby(‘name’)->get(); return view(‘refugee.index’, compact(‘refugees’)); } My balde file: <script> var data ..

Read more

I’m trying to render a chart in a Laravel view, i built the chart in the controller but it doesn’t work unless i disable the js/app.js, can someone tell me why? Controller: $chart1 = Chart::title([ ‘text’ => ‘Voting’, ]) ->chart([ ‘type’ => ‘line’, // pie , columnt ect ‘renderTo’ => ‘chart1’, // render the chart ..

Read more

I was using highcharts for long time. Today suddenly i’m getting this error for highchart 3D. My scripts: <script src="{{ asset(‘js/highchart/highcharts.js’) }}"></script> <script src="https://code.highcharts.com/highcharts-3d.js"></script> <script src="{{ asset(‘js/highchart/exporting.js’) }}"></script> <script src="{{ asset(‘js/highchart/export-data.js’) }}"></script> <script src="{{ asset(‘js/highchart/accessibility.js’) }}"></script> Error highcharts-3d.src.js:306 Uncaught TypeError: Cannot read property ‘animObject’ of undefined at highcharts-3d.src.js:306 at G (highcharts-3d.src.js:26) at highcharts-3d.src.js:294 at highcharts-3d.src.js:20 ..

Read more

I am using Metronic Theme and it’s using Highcharts. On tooltip i need to show only data without label. But when i don’t give labels param charts working wrong. var config = { type: ‘line’, data: { labels: priceDate, datasets: [{ label: "$", borderColor: color, borderWidth: border, pointHoverRadius: 4, pointHoverBorderWidth: 12, pointBackgroundColor: Chart.helpers.color(‘#000000’).alpha(0).rgbString(), pointBorderColor: Chart.helpers.color(‘#000000’).alpha(0).rgbString(), ..

Read more