echarts镭射图_利用百度Echarts.js生成雷达图

本文档介绍了如何使用Echarts.js生成雷达图。首先,查看官方文档了解基本功能,然后选择适合的模块化单文件引入,例如echarts-radar.js。接着配置require.config加载路径,并在DOM中初始化图表。通过设置option参数定制雷达图样式,最后通过实践和学习option选项以完善图表。
摘要由CSDN通过智能技术生成

二、看文档(必须的)。可选择的看,先完成想要的功能,再扩展。

三、使用 推荐的 模块化单文件引入。

在在dist文件夹下会有echarts-line.js : 折线图(如需折柱动态类型切换,require时还需要echarts/chart/bar)

echarts-bar.js : 柱形图(如需折柱动态类型切换,require时还需要echarts/chart/line)

echarts-scatter.js : 散点图

echarts-k.js : K线图

echarts-pie.js : 饼图(如需饼漏斗图动态类型切换,require时还需要echarts/chart/funnel)

echarts-radar.js : 雷达图

echarts-map.js : 地图

echarts-force.js : 力导向布局图(如需力导和弦动态类型切换,require时还需要echarts/chart/chord)

echarts-chord.js : 和弦图(如需力导和弦动态类型切换,require时还需要echarts/chart/force)

echarts-funnel.js : 漏斗图(如需饼漏斗图动态类型切换,require时还需要echarts/chart/pie)

echarts-gauge.js : 仪表盘

echarts-eventRiver.js : 事件河流图

根据需要加载js文件。

四、在

标签内引入

注意文件路径。

然后

require.config({

paths: {

echarts: './js/dist'//

}

});

require(

[

'echarts',

'echarts/chart/line',   //

'echarts/chart/bar'

],

function (ec) {

var myChart = ec.init(document.getElementById('main'));//main就是你要放置图的DOM的ID

var option = {

.../

}

myChart.setOption(option);

}

);

五、看文档,熟悉option里面各种选项的意义。

六、做demo实践。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值