diff --git a/spec/shape/shape.radar-spec.js b/spec/shape/shape.radar-spec.js index bc395a94e..d57e645a2 100644 --- a/spec/shape/shape.radar-spec.js +++ b/spec/shape/shape.radar-spec.js @@ -24,7 +24,7 @@ describe("SHAPE RADAR", () => { x: "x", columns: [ ["x", "Design", "Price", "Brand"], - ["data1", 30, 200, 100] + ["data1", 230, 0, 100] ], type: "radar" }, @@ -32,8 +32,19 @@ describe("SHAPE RADAR", () => { }; }); + it("check for shape rendering", done => { + const radar = chart.$.main.select(`.${CLASS.chartRadars}`); + const expectedPoints = "233,30.290000000000003 233,233 309.32696069614934,277.06739130434784"; + + setTimeout(() => { + expect(radar.select(".bb-shapes polygon").attr("points")).to.be.equal(expectedPoints); + + done(); + }, 200) + }); + it("Should render level, axes and data edges", () => { - const radar = chart.internal.main.select(`.${CLASS.chartRadars}`); + const radar = chart.$.main.select(`.${CLASS.chartRadars}`); const data = chart.data(); const dataLen = data[0].values.length; @@ -63,7 +74,7 @@ describe("SHAPE RADAR", () => { }); it("check for axis options", () => { - const radar = chart.internal.main.select(`.${CLASS.chartRadars}`); + const radar = chart.$.main.select(`.${CLASS.chartRadars}`); const axis = radar.selectAll(`.${CLASS.axis}`); expect(axis.selectAll("line").empty()).to.be.true; @@ -78,7 +89,7 @@ describe("SHAPE RADAR", () => { }); it("check for level options", () => { - const radar = chart.internal.main.select(`.${CLASS.chartRadars}`); + const radar = chart.$.main.select(`.${CLASS.chartRadars}`); const levels = radar.select(`.${CLASS.levels}`); const level = levels.selectAll("polygon"); diff --git a/src/shape/radar.js b/src/shape/radar.js index 196a536a3..b582d61e3 100644 --- a/src/shape/radar.js +++ b/src/shape/radar.js @@ -8,7 +8,7 @@ import { } from "d3-selection"; import ChartInternal from "../internals/ChartInternal"; import CLASS from "../config/classes"; -import {extend, getMinMax, getRange, isDefined, isEmpty, isUndefined, toArray} from "../internals/util"; +import {extend, getMinMax, getRange, isDefined, isEmpty, isNumber, isUndefined, toArray} from "../internals/util"; /** * Get the position value @@ -91,7 +91,7 @@ extend(ChartInternal.prototype, { edge, index, isDefined(range) ? range : (type === "x" ? width : height), - ratio || config.radar_size_ratio + isNumber(ratio) ? ratio : config.radar_size_ratio )); return pos.length === 1 ? pos[0] : pos;