import { Component, OnInit } from '@angular/core';
import * as echarts from 'echarts';
import 'echarts-gl';
import * as $ from 'jquery';
@Component({
selector: 'app-echarts-glreal',
templateUrl: './echarts-glreal.component.html',
styleUrls: ['./echarts-glreal.component.scss']
})
export class EchartsGLRealComponent implements OnInit {
ROOT_PATH = 'https://echarts.apache.org/examples';
constructor() { }
ngOnInit(): void {
this.initChart();
}
initChart() {
const ec = echarts as any;
const echartReal3D = ec.init(document.getElementById('echartReal3D'));
$.get(this.ROOT_PATH +'data/asset/data/life-expectancy-table.json', function (data) {
echartReal3D.setOption({
grid3D: {},
xAxis3D: {},
yAxis3D: {},
zAxis3D: {},
dataset: {
source: data
},
series: [
{
type: 'scatter3D',
symbolSize: 2.5
}
]
})
});
}
}
Access to XMLHttpRequest at 'https://echarts.apache.org/examples/data/asset/data/life-expectancy-table.json' from origin 'http://localhost:4200' has been blocked by CORS policy: The 'Access-Control-Allow-Origin' header has a value 'https://echarts.apache.org' that is not equal to the supplied origin.
echarts.apache.org/examples/data/asset/data/life-expectancy-table.json:1
Failed to load resource: net::ERR_FAILED