Echarts 报错:series.render is required

2 篇文章 0 订阅
1 篇文章 0 订阅

笔记:
使用Echarts 【custom】自定义
报:series.render is required
原因:没有使用【renderItem】

renderItem: function(params, api) {
              var categoryIndex = api.value(0); //这里使用 api.value(0) 取出当前 dataItem 中第一个维度的数值。
              var start = api.coord([api.value(1), categoryIndex]); // 这里使用 api.coord(...) 将数值在当前坐标系中转换成为屏幕上的点的像素值
              var end = api.coord([api.value(2), categoryIndex]); // 这里使用 api.coord(...) 将数值在当前坐标系中转换成为屏幕上的点的像素值
              var height = api.size([0, 1])[1] * 0.4; // 这里使用 api.size(...) 获得 Y 轴上数值范围为 1 的一段所对应的像素长度。控制柱形大小
              // shape 属性描述了这个矩形的像素位置和大小。
              // 其中特殊得用到了 echarts.graphic.clipRectByRect,意思是,
              // 如果矩形超出了当前坐标系的包围盒,则剪裁这个矩形。
              // 如果矩形完全被剪掉,会返回 undefined.
              var rectShape = _echarts.graphic.clipRectByRect(
                // 矩形的位置和大小
                {
                  x: start[0],
                  y: start[1] - height / 2,
                  width: end[0] - start[0],
                  height: height
                },
                // 当前坐标系的包围盒。
                {
                  x: params.coordSys.x,
                  y: params.coordSys.y,
                  width: params.coordSys.width,
                  height: params.coordSys.height
                }
              );

              return (
                // 这里返回为这个 dataItem 构建的图形元素定义。
                rectShape && {
                  type: "rect", // 表示这个图形元素是矩形。还可以是 'circle', 'sector', 'polygon' 等等。
                  transition: ["shape"],
                  shape: rectShape,
                  style: api.style() // 用 api.style(...) 得到默认的样式设置。这个样式设置包含了option 中 itemStyle 的配置和视觉映射得到的颜色。
                }
              );
            },
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值