看到帮助文档中说支持 JavaScript,我尝试写了一下,但是一直报错无法渲染。改成立即执行函数也是无法渲染,求助各位我该怎么写。
// 引入 ECharts 主模块
var echarts = require('echarts/lib/echarts');
// 引入折线图
require('echarts/lib/chart/line');
// 初始化图表实例
var myChart = echarts.init(document.getElementById('main'));
// 指定图表的配置项和数据
var option = {
title: {
text: '平均收益(AR)与边际收益(MR)曲线'
},
tooltip: {
trigger: 'axis'
},
legend: {
data: ['AR', 'MR']
},
xAxis: {
type: 'value',
name: '数量 (Q)',
splitLine: { show: false }
},
yAxis: {
type: 'value',
name: '价格/收益 (P/AR/MR)',
splitLine: { show: false }
},
series: [
{
name: 'AR',
type: 'line',
data: (function() {
var data = [];
for (var i = 0; i <= 50; i++) {
data.push([i, 100 - 2 * i]);
}
return data;
})()
},
{
name: 'MR',
type: 'line',
data: (function() {
var data = [];
for (var i = 0; i <= 50; i++) {
data.push([i, 100 - 4 * i]);
}
return data;
})()
}
]
};
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
(() => {
return {
title: {
text: '平均收益(AR)与边际收益(MR)曲线'
},
tooltip: {
trigger: 'axis'
},
legend: {
data: ['AR', 'MR']
},
xAxis: {
type: 'value',
name: '数量 (Q)',
splitLine: { show: false }
},
yAxis: {
type: 'value',
name: '价格/收益 (P/AR/MR)',
splitLine: { show: false }
},
series: [
{
name: 'AR',
type: 'line',
data: Array.from({length: 51}, (_, i) => [i, 100 - 2 * i])
},
{
name: 'MR',
type: 'line',
data: Array.from({length: 51}, (_, i) => [i, 100 - 4 * i])
}
]
};
})();
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于