';
esc_html_e( 'The default font family and size for all text in the chart.', 'visualizer' );
echo '
';
echo '
';
self::_renderSectionEnd();
self::_renderSectionStart( esc_html__( 'Legend', 'visualizer' ), false );
self::_renderSelectItem(
esc_html__( 'Position', 'visualizer' ),
'legend[position]',
isset( $this->legend['position'] ) ? $this->legend['position'] : '',
$this->_legendPositions,
esc_html__( 'Determines where to place the legend, compared to the chart area.', 'visualizer' )
);
self::_renderSelectItem(
esc_html__( 'Alignment', 'visualizer' ),
'legend[alignment]',
isset( $this->legend['alignment'] ) ? $this->legend['alignment'] : '',
$this->_alignments,
esc_html__( 'Determines the alignment of the legend.', 'visualizer' )
);
self::_renderColorPickerItem(
esc_html__( 'Font Color', 'visualizer' ),
'legend[textStyle][color]',
isset( $this->legend['textStyle']['color'] ) ? $this->legend['textStyle']['color'] : null,
'#000'
);
self::_renderSectionEnd();
self::_renderSectionStart( esc_html__( 'Tooltip', 'visualizer' ), false );
$this->_renderTooltipSettigns();
self::_renderSectionEnd();
$this->_renderAnimationSettings();
self::_renderSectionStart( esc_html__( 'License & Creator', 'visualizer' ), false );
self::_renderTextItem(
esc_html__( 'License', 'visualizer' ),
'license',
$this->license,
''
);
self::_renderTextItem(
esc_html__( 'Creator', 'visualizer' ),
'creator',
$this->creator,
''
);
self::_renderSectionEnd();
self::_renderChartImageSettings();
do_action( 'visualizer_chart_settings', get_class( $this ), $this->_data, 'general', array( 'generic' => true ) );
self::_renderGroupEnd();
}
/**
* Renders animation settings section.
*
* @access protected
*/
protected function _renderAnimationSettings() {
if ( ! $this->_supportsAnimation ) {
return;
}
self::_renderSectionStart( esc_html__( 'Animation', 'visualizer' ), false );
self::_renderCheckboxItem(
esc_html__( 'Animate on startup', 'visualizer' ),
'animation[startup]',
isset( $this->animation['startup'] ) ? $this->animation['startup'] : 0,
true,
esc_html__( 'Determines if the chart will animate on the initial draw.', 'visualizer' )
);
self::_renderTextItem(
esc_html__( 'Duration', 'visualizer' ),
'animation[duration]',
isset( $this->animation['duration'] ) ? $this->animation['duration'] : 0,
esc_html__( 'The duration of the animation, in milliseconds', 'visualizer' ),
0,
'number'
);
self::_renderSelectItem(
esc_html__( 'Easing', 'visualizer' ),
'animation[easing]',
isset( $this->animation['easing'] ) ? $this->animation['easing'] : null,
array(
'linear' => esc_html__( 'Constant speed', 'visualizer' ),
'in' => esc_html__( 'Start slow and speed up', 'visualizer' ),
'out' => esc_html__( 'Start fast and slow down', 'visualizer' ),
'inAndOut' => esc_html__( 'Start slow, speed up, then slow down', 'visualizer' ),
),
esc_html__( 'The easing function applied to the animation.', 'visualizer' )
);
self::_renderSectionEnd();
}
/**
* Renders tooltip settings section.
*
* @since 1.4.0
*
* @access protected
*/
protected function _renderTooltipSettigns() {
self::_renderSelectItem(
esc_html__( 'Trigger', 'visualizer' ),
'tooltip[trigger]',
isset( $this->tooltip['trigger'] ) ? $this->tooltip['trigger'] : null,
array(
'' => '',
'focus' => esc_html__( 'The tooltip will be displayed when the user hovers over an element', 'visualizer' ),
'selection' => esc_html__( 'The tooltip will be displayed when the user selects an element', 'visualizer' ),
'none' => esc_html__( 'The tooltip will not be displayed', 'visualizer' ),
),
esc_html__( 'Determines the user interaction that causes the tooltip to be displayed.', 'visualizer' )
);
self::_renderSelectItem(
esc_html__( 'Show Color Code', 'visualizer' ),
'tooltip[showColorCode]',
isset( $this->tooltip['showColorCode'] ) ? $this->tooltip['showColorCode'] : null,
$this->_yesno,
esc_html__( 'If set to yes, will show colored squares next to the slice information in the tooltip.', 'visualizer' )
);
}
/**
* Renders chart view settings group.
*
* @since 1.0.0
*
* @access protected
*/
protected function _renderViewSettings() {
self::_renderGroupStart( esc_html__( 'Chart Size & Placement', 'visualizer' ) );
self::_renderSectionStart( esc_html__( 'Chart Size/Layout', 'visualizer' ), false );
self::_renderSectionDescription( esc_html__( 'Configure the total size of the chart. Two formats are supported: a number, or a number followed by %. A simple number is a value in pixels; a number followed by % is a percentage.', 'visualizer' ) );
echo '
';
echo '[?]';
echo '', esc_html__( 'Width And Height Of Chart', 'visualizer' ), '';
echo '
';
echo '
';
echo '
';
echo '';
echo '
';
echo '
';
echo '';
echo '
';
echo '
';
echo '
';
echo '
';
esc_html_e( 'Determines the total width and height of the chart. This will only show in the front-end.', 'visualizer' );
echo '
';
echo '
';
echo '';
self::_renderSectionDescription( esc_html__( 'Configure the background color for the main area of the chart and the chart border width and color.', 'visualizer' ) );
self::_renderTextItem(
esc_html__( 'Stroke Width', 'visualizer' ),
'backgroundColor[strokeWidth]',
isset( $this->backgroundColor['strokeWidth'] ) ? $this->backgroundColor['strokeWidth'] : null,
esc_html__( 'The chart border width in pixels.', 'visualizer' ),
'0'
);
self::_renderColorPickerItem(
esc_html__( 'Stroke Color', 'visualizer' ),
'backgroundColor[stroke]',
! empty( $this->backgroundColor['stroke'] ) ? $this->backgroundColor['stroke'] : null,
'#666'
);
$background_color = ! empty( $this->backgroundColor['fill'] ) ? $this->backgroundColor['fill'] : null;
self::_renderColorPickerItem(
esc_html__( 'Background Color', 'visualizer' ),
'backgroundColor[fill]',
$background_color,
'#fff'
);
echo '
';
echo '';
echo '
';
self::_renderSectionEnd();
self::_renderSectionStart( esc_html__( 'Placement', 'visualizer' ), false );
self::_renderSectionDescription( esc_html__( 'Configure the placement and size of the chart area (where the chart itself is drawn, excluding axis and legends). Two formats are supported: a number, or a number followed by %. A simple number is a value in pixels; a number followed by % is a percentage.', 'visualizer' ) );
echo '
';
echo '[?]';
echo '', esc_html__( 'Left And Top Margins', 'visualizer' ), '';
echo '