chartist 1.4.0 → 1.5.0

package/dist/index.js

@@ -1237,7 +1237,7 @@ function createAnimation(element, attribute, animationDefinition) {
  * @param className Specify a class to be added to the SVG element
  * @return The created/reinitialized SVG element
  */ function createSvg(container) {
-    let width = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "100%", height = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : "100%", className = arguments.length > 3 ? arguments[3] : void 0;
+    let width = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "100%", height = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : "100%", className = arguments.length > 3 ? arguments[3] : void 0, viewBox = arguments.length > 4 ? arguments[4] : void 0;
     if (!container) {
         throw new Error("Container element is not found");
     }
@@ -1257,6 +1257,11 @@ function createAnimation(element, attribute, animationDefinition) {
     if (className) {
         svg1.addClass(className);
     }
+    if (viewBox) {
+        svg1.attr({
+            viewBox: "0 0 ".concat(viewBox.width, " ").concat(viewBox.height)
+        });
+    }
     // Add the DOM node to our container
     container.appendChild(svg1.getNode());
     return svg1;
@@ -1290,15 +1295,15 @@ function createAnimation(element, attribute, animationDefinition) {
  * @param options The Object that contains all the optional values for the chart
  * @return The chart rectangles coordinates inside the svg element plus the rectangles measurements
  */ function createChartRect(svg, options) {
-    var ref, ref1, ref2, ref3;
+    var ref, ref1, ref2, ref3, ref4, ref5;
     const hasAxis = Boolean(options.axisX || options.axisY);
     const yAxisOffset = ((ref = options.axisY) === null || ref === void 0 ? void 0 : ref.offset) || 0;
     const xAxisOffset = ((ref1 = options.axisX) === null || ref1 === void 0 ? void 0 : ref1.offset) || 0;
     const yAxisPosition = (ref2 = options.axisY) === null || ref2 === void 0 ? void 0 : ref2.position;
     const xAxisPosition = (ref3 = options.axisX) === null || ref3 === void 0 ? void 0 : ref3.position;
     // If width or height results in invalid value (including 0) we fallback to the unitless settings or even 0
-    let width = svg.width() || quantity(options.width).value || 0;
-    let height = svg.height() || quantity(options.height).value || 0;
+    let width = ((ref4 = options.viewBox) === null || ref4 === void 0 ? void 0 : ref4.width) || svg.width() || quantity(options.width).value || 0;
+    let height = ((ref5 = options.viewBox) === null || ref5 === void 0 ? void 0 : ref5.height) || svg.height() || quantity(options.height).value || 0;
     const normalizedPadding = normalizePadding(options.chartPadding);
     // If settings were to small to cope with offset (legacy) and padding, we'll adjust
     width = Math.max(width, yAxisOffset + normalizedPadding.left + normalizedPadding.right);
@@ -2545,7 +2550,7 @@ class LineChart extends BaseChart {
         const { data  } = this;
         const normalizedData = normalizeData(data, options.reverseData, true);
         // Create new svg object
-        const svg = createSvg(this.container, options.width, options.height, options.classNames.chart);
+        const svg = createSvg(this.container, options.width, options.height, options.classNames.chart, options.viewBox);
         this.svg = svg;
         // Create groups for labels, grid and series
         const gridGroup = svg.elem("g").addClass(options.classNames.gridGroup);
@@ -2958,7 +2963,7 @@ class BarChart extends BaseChart {
         const { data  } = this;
         const normalizedData = normalizeData(data, options.reverseData, options.horizontalBars ? "x" : "y", true);
         // Create new svg element
-        const svg = createSvg(this.container, options.width, options.height, options.classNames.chart + (options.horizontalBars ? " " + options.classNames.horizontalBars : ""));
+        const svg = createSvg(this.container, options.width, options.height, options.classNames.chart + (options.horizontalBars ? " " + options.classNames.horizontalBars : ""), options.viewBox);
         const highLow = options.stackBars && options.stackMode !== true && normalizedData.series.length ? getHighLow([
             getSerialSums(normalizedData.series)
         ], options, options.horizontalBars ? "x" : "y") : getHighLow(normalizedData.series, options, options.horizontalBars ? "x" : "y");
@@ -3316,7 +3321,7 @@ class PieChart extends BaseChart {
         let labelRadius;
         let startAngle = options.startAngle;
         // Create SVG.js draw
-        const svg = createSvg(this.container, options.width, options.height, options.donut ? options.classNames.chartDonut : options.classNames.chartPie);
+        const svg = createSvg(this.container, options.width, options.height, options.donut ? options.classNames.chartDonut : options.classNames.chartPie, options.viewBox);
         this.svg = svg;
         // Calculate charting rect
         const chartRect = createChartRect(svg, options);