@rfprodz/client-d3-charts
Version:
Angular chart components based on D3JS (https://d3js.org).
36 lines (35 loc) • 1.16 kB
TypeScript
/** The pie chart data node. */
export interface IPieChartDataNode {
/** The pie chart slice label. */
key: string;
/** The pie chart slice value. */
y: number;
}
/** The pie chart options. */
export interface IPieChartOptions {
/** The chart title */
chartTitle: string;
/** The chart width for calculation of the outer radius */
width: number;
/** The chart height for calculation of the outer radius */
height: number;
/** The chart margins from the border of the container */
margin: {
top: number;
right: number;
bottom: number;
left: number;
};
/** The inner radius of the chart */
innerRadius: number;
/** The chart label offset relative to the outer border */
labelRadiusModifier: number;
/** The chart label text wrap width */
labelTextWrapWidth: number;
/** Whether to show labels next to the chart slices */
showLabels: boolean;
/** Transition duration configuration. Used mainly for the chart tooltips. */
transitionDuration: number;
/** The color scale for the chart */
color: d3.ScaleOrdinal<string, string>;
}