Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@types/react-gauge-chart
Advanced tools
@types/react-gauge-chart - npm Package Compare versions
Comparing version 0.2.0 to 0.3.0
@@ -1,2 +0,2 @@ | ||
| // Type definitions for react-gauge-chart 0.2 | ||
| // Type definitions for react-gauge-chart 0.3 | ||
| // Project: https://github.com/Martin36/react-gauge-chart | ||
@@ -9,23 +9,124 @@ // Definitions by: Meir Keller <https://github.com/meirkl> | ||
| export interface GaugeChartProps { | ||
| id: string; | ||
| /** | ||
| * Used for the identification of the div surrounding the chart | ||
| */ | ||
| id?: string; | ||
| /** | ||
| * Add className to the div container | ||
| */ | ||
| className?: string; | ||
| /** | ||
| * Add style to the div container | ||
| * @default { width: '100%' } | ||
| */ | ||
| style?: React.CSSProperties; | ||
| /** | ||
| * Margin for the chart inside the containing SVG element | ||
| * @default 0.05 | ||
| */ | ||
| marginInPercent?: number; | ||
| /** | ||
| * Corner radius for the elements in the chart | ||
| * @default 6 | ||
| */ | ||
| cornerRadius?: number; | ||
| /** | ||
| * The number of elements displayed in the arc | ||
| * @default 3 | ||
| */ | ||
| nrOfLevels?: number; | ||
| /** | ||
| * The number where the pointer should point to (between 0 and 1) | ||
| * @default 0.4 | ||
| */ | ||
| percent?: number; | ||
| /** | ||
| * The distance between the elements in the arc | ||
| * @default 0.05 | ||
| */ | ||
| arcPadding?: number; | ||
| /** | ||
| * The thickness of the arc | ||
| * @default 0.2 | ||
| */ | ||
| arcWidth?: number; | ||
| /** | ||
| * An array specifying the length of each individual arc. If this prop is set, the nrOfLevels prop will have no effect | ||
| */ | ||
| arcsLength?: number[]; | ||
| /** | ||
| * An array of colors in HEX format displayed in the arc | ||
| * @default ["#00FF00", "#FF0000"] | ||
| */ | ||
| colors?: string[]; | ||
| /** | ||
| * The color of the text | ||
| * @default "#FFFFFF" | ||
| */ | ||
| textColor?: string; | ||
| /** | ||
| * The color of the needle triangle | ||
| * @default "#464A4F" | ||
| */ | ||
| needleColor?: string; | ||
| /** | ||
| * The color of the circle at the base of the needle | ||
| * @default "#464A4F" | ||
| */ | ||
| needleBaseColor?: string; | ||
| /** | ||
| * Whether or not to hide the percentage display | ||
| * @default false | ||
| */ | ||
| hideText?: boolean; | ||
| /** | ||
| * Whether or not to animate the needle when loaded | ||
| * @default true | ||
| */ | ||
| animate?: boolean; | ||
| /** | ||
| * The font size of gauge text | ||
| * @default null | ||
| */ | ||
| fontSize?: string; | ||
| /** | ||
| * Duration in ms for the needle animation | ||
| * @default 3000 | ||
| */ | ||
| animateDuration?: number; | ||
| /** | ||
| * Delay in ms before starting the needle animation | ||
| * @default 500 | ||
| */ | ||
| animDelay?: number; | ||
| /** | ||
| * Format you own text value | ||
| * @example | ||
| * ``` | ||
| * (value) => value + '%' | ||
| * ``` | ||
| * @default null | ||
| */ | ||
| formatTextValue?: (value: string) => string; | ||
| fontSize?: string; | ||
| } | ||
| export default function GaugeChart(props: GaugeChartProps): React.ReactElement; |
| { | ||
| "name": "@types/react-gauge-chart", | ||
| "version": "0.2.0", | ||
| "version": "0.3.0", | ||
| "description": "TypeScript definitions for react-gauge-chart", | ||
@@ -24,4 +24,4 @@ "license": "MIT", | ||
| }, | ||
| "typesPublisherContentHash": "e4e3b90fb4e74ab80b62a80dda7c087626333e4111456a77ac1f854d8eb5b2fd", | ||
| "typeScriptVersion": "3.0" | ||
| "typesPublisherContentHash": "0eca34ede72af3383c6f445613c2ce0b73a8bce89e922ae1675cab9d02a7be7d", | ||
| "typeScriptVersion": "3.4" | ||
| } |
@@ -11,3 +11,3 @@ # Installation | ||
| ### Additional Details | ||
| * Last updated: Wed, 20 May 2020 20:15:04 GMT | ||
| * Last updated: Sun, 14 Feb 2021 10:36:11 GMT | ||
| * Dependencies: [@types/react](https://npmjs.com/package/@types/react) | ||
@@ -14,0 +14,0 @@ * Global values: none |
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by56.46%
5235
- Lines of code
- increased by303.7%
109
No dependency changes