@carbon/charts 0.36.3 → 0.38.0

package/CHANGELOG.md

@@ -3,6 +3,45 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.38.0](https://github.com/carbon-design-system/carbon-charts/compare/v0.37.1...v0.38.0) (2020-09-15)
+
+
+### Features
+
+* **core:** enable or disable ruler ([#765](https://github.com/carbon-design-system/carbon-charts/issues/765)) ([bef6daf](https://github.com/carbon-design-system/carbon-charts/commit/bef6daf53e2c7c825d39daa160e9f721ddec0b29))
+
+
+
+
+
+## [0.37.1](https://github.com/carbon-design-system/carbon-charts/compare/v0.37.0...v0.37.1) (2020-09-14)
+
+**Note:** Version bump only for package @carbon/charts
+
+
+
+
+
+# [0.37.0](https://github.com/carbon-design-system/carbon-charts/compare/v0.36.4...v0.37.0) (2020-09-11)
+
+
+### Features
+
+* create options for tick rotation ([#770](https://github.com/carbon-design-system/carbon-charts/issues/770)) ([4063c8a](https://github.com/carbon-design-system/carbon-charts/commit/4063c8a0f4d441589116759b32f2b214fad46154))
+* enable or disable scatter dot on charts except scatter chart ([#769](https://github.com/carbon-design-system/carbon-charts/issues/769)) ([3131942](https://github.com/carbon-design-system/carbon-charts/commit/313194217318719152d6a14c2a3cba957b8fc009))
+
+
+
+
+
+## [0.36.4](https://github.com/carbon-design-system/carbon-charts/compare/v0.36.3...v0.36.4) (2020-09-10)
+
+**Note:** Version bump only for package @carbon/charts
+
+
+
+
+
 ## [0.36.3](https://github.com/carbon-design-system/carbon-charts/compare/v0.36.2...v0.36.3) (2020-09-10)
 
 **Note:** Version bump only for package @carbon/charts

package/README.md

@@ -7,14 +7,14 @@
 Run the following command using [npm](https://www.npmjs.com/):
 
 ```bash
-npm install -S @carbon/charts d3
+npm install -S @carbon/charts d3@5.x
 ```
 
 If you prefer [Yarn](https://yarnpkg.com/en/), use the following command
 instead:
 
 ```bash
-yarn add @carbon/charts d3
+yarn add @carbon/charts d3@5.x
 ```
 
 **Note:** you'd also need to install `carbon-components` if you're not using a

package/build/src/components/axes/axis.d.ts

@@ -6,11 +6,7 @@ export declare class Axis extends Component {
     margins: any;
     scale: any;
     scaleType: ScaleTypes;
-    zoomDomainChanging: boolean;
     constructor(model: ChartModel, services: any, configs?: any);
-    init(): void;
-    handleZoomBarSelectionStart: () => void;
-    handleZoomBarSelectionEnd: () => void;
     render(animate?: boolean): void;
     addEventListeners(): void;
     getInvisibleAxisRef(): any;

package/build/src/components/axes/grid.d.ts

@@ -15,6 +15,6 @@ export declare class Grid extends Component {
      * @param position mouse positon
      */
     getActiveGridline(position: any): any;
-    drawBackdrop(): void;
+    drawBackdrop(isXGridEnabled: any, isYGridEnabled: any): void;
     cleanGrid(g: any): void;
 }

package/build/src/components/axes/ruler.d.ts

@@ -9,7 +9,11 @@ export declare class Ruler extends Component {
         domainValue: number;
         originalData: any;
     }[];
+    isXGridEnabled: any;
+    isYGridEnabled: any;
+    isEventListenerAdded: boolean;
     render(): void;
+    removeBackdropEventListeners(): void;
     formatTooltipData(tooltipData: any): any;
     showRuler([x, y]: [number, number]): any;
     hideRuler(): void;

package/build/src/configuration.d.ts

@@ -1,8 +1,12 @@
-import { BaseChartOptions, AxisChartOptions, ScatterChartOptions, LineChartOptions, BarChartOptions, StackedBarChartOptions, AreaChartOptions, PieChartOptions, GaugeChartOptions, DonutChartOptions, BubbleChartOptions, RadarChartOptions, GridOptions, TimeScaleOptions, TooltipOptions, MeterChartOptions } from "./interfaces";
+import { BaseChartOptions, AxisChartOptions, ScatterChartOptions, LineChartOptions, BarChartOptions, StackedBarChartOptions, AreaChartOptions, PieChartOptions, GaugeChartOptions, DonutChartOptions, BubbleChartOptions, RadarChartOptions, GridOptions, RulerOptions, TimeScaleOptions, TooltipOptions, MeterChartOptions } from "./interfaces";
 /**
  * Grid options
  */
 export declare const grid: GridOptions;
+/**
+ * Ruler options
+ */
+export declare const ruler: RulerOptions;
 /**
  * Tooltip options
  */

package/build/src/interfaces/axis-scales.d.ts

@@ -1,4 +1,4 @@
-import { ScaleTypes } from "./enums";
+import { ScaleTypes, TickRotations } from "./enums";
 import { AxisDomain } from "d3";
 import { Locale } from "date-fns";
 import { ThresholdOptions } from "./components";
@@ -73,6 +73,10 @@ export interface AxisOptions {
          * before getting rotated (in pixels)
          */
         rotateIfSmallerThan?: number;
+        /**
+         * when to rotate ticks
+         */
+        rotation?: TickRotations;
         /**
          * function to format the ticks
          */
@@ -83,6 +87,10 @@ export interface AxisOptions {
         values?: any[];
     };
     truncation?: TruncationOptions;
+    /**
+     * is axis visible or not
+     */
+    visible?: boolean;
 }
 /**
  * customize time series scales

package/build/src/interfaces/charts.d.ts

@@ -121,6 +121,7 @@ export interface ScatterChartOptions extends AxisChartOptions {
         radius: number;
         fillOpacity?: number;
         filled?: boolean;
+        enabled?: boolean;
     };
 }
 /**
@@ -144,6 +145,10 @@ export interface BubbleChartOptions extends AxisChartOptions {
          * Opacity of the fills used within each circle
          */
         fillOpacity?: number;
+        /**
+         * enabled scatter dot or not
+         */
+        enabled?: boolean;
     };
 }
 /**

package/build/src/interfaces/components.d.ts

@@ -75,12 +75,20 @@ export interface ThresholdOptions {
 }
 export interface GridOptions {
     y?: {
+        enabled?: boolean;
         numberOfTicks?: number;
     };
     x?: {
+        enabled?: boolean;
         numberOfTicks?: number;
     };
 }
+/**
+ * Ruler options
+ */
+export interface RulerOptions {
+    enabled?: boolean;
+}
 export interface BarOptions {
     width?: number;
     maxWidth?: number;

package/build/src/interfaces/enums.d.ts

@@ -145,3 +145,11 @@ export declare enum Statuses {
     WARNING = "warning",
     DANGER = "danger"
 }
+/**
+ * enum of axis ticks rotation
+ */
+export declare enum TickRotations {
+    ALWAYS = "always",
+    AUTO = "auto",
+    NEVER = "never"
+}