渠道分布(channel)-雷达图
实现步骤:
- 寻找官方的类似示例,给予分析,并引入到HTML页面中
- 按照需求来定制它
第一步: 参考类似实例
链接: AQI - 雷达图.
完整js代码
// 销售渠道模块 雷达图
(function() {
// 1. 实例化对象
var myChart = echarts.init(document.querySelector(".radar"));
// 2.指定配置
var option = {
tooltip: {
show: true,
// 控制提示框组件的显示位置
position: ["60%", "10%"]
},
radar: {
indicator: [
{
name: "机场", max: 100 },
{
name: "商场", max: 100 },
{
name: "火车站", max: 100 },
{
name: "汽车站", max: 100 },
{
name: "地铁", max: 100 }
],
// 修改雷达图的大小
radius: "65%",
shape