| 1 |
/** |
| 2 |
* WordPress dependencies |
| 3 |
*/ |
| 4 |
const { __ } = wp.i18n; |
| 5 |
|
| 6 |
const { Component } = wp.element; |
| 7 |
|
| 8 |
const { |
| 9 |
PanelBody, |
| 10 |
SelectControl |
| 11 |
} = wp.components; |
| 12 |
|
| 13 |
class ComboSettings extends Component { |
| 14 |
constructor() { |
| 15 |
super( ...arguments ); |
| 16 |
} |
| 17 |
|
| 18 |
render() { |
| 19 |
|
| 20 |
const settings = this.props.chart['visualizer-settings']; |
| 21 |
|
| 22 |
return ( |
| 23 |
<PanelBody |
| 24 |
title={ __( 'Combo Settings' ) } |
| 25 |
initialOpen={ false } |
| 26 |
className="visualizer-advanced-panel" |
| 27 |
> |
| 28 |
|
| 29 |
<SelectControl |
| 30 |
label={ __( 'Chart Type' ) } |
| 31 |
help={ __( 'Select the default chart type.' ) } |
| 32 |
value={ settings.seriesType ? settings.seriesType : 'area' } |
| 33 |
options={ [ |
| 34 |
{ label: __( 'Area' ), value: 'area' }, |
| 35 |
{ label: __( 'Bar' ), value: 'bars' }, |
| 36 |
{ label: __( 'Candlesticks' ), value: 'candlesticks' }, |
| 37 |
{ label: __( 'Line' ), value: 'line' }, |
| 38 |
{ label: __( 'Stepped Area' ), value: 'steppedArea' } |
| 39 |
] } |
| 40 |
onChange={ e => { |
| 41 |
settings.seriesType = e; |
| 42 |
this.props.edit( settings ); |
| 43 |
} } |
| 44 |
/> |
| 45 |
|
| 46 |
</PanelBody> |
| 47 |
); |
| 48 |
} |
| 49 |
} |
| 50 |
|
| 51 |
export default ComboSettings; |
| 52 |
|
