fix(legend): avoid expanding label on click (opensearch-project#209)

AMoo-Miki · May 20, 2019 · 763fd69 · 763fd69
1 parent 0e9ad96
commit 763fd69
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/packages/osd-charts/.playground/playgroud.tsx b/packages/osd-charts/.playground/playgroud.tsx
@@ -17,7 +17,7 @@ export class Playground extends React.Component {
   render() {
     return (
       <Chart>
-        <Settings showLegend={true} legendPosition={Position.Bottom} rotation={0} />
+        <Settings showLegend={true} legendPosition={Position.Right} rotation={0} />
         <Axis
           id={getAxisId('timestamp')}
           title="timestamp"
@@ -39,15 +39,15 @@ export class Playground extends React.Component {
           yAccessors={[1]}
         />
         <LineSeries
-          id={getSpecId('dataset B')}
+          id={getSpecId('bar series 1')}
           xScaleType={ScaleType.Time}
           yScaleType={ScaleType.Linear}
           data={KIBANA_METRICS.metrics.kibana_os_load[1].data.slice(0, 15)}
           xAccessor={0}
           yAccessors={[1]}
         />
         <LineSeries
-          id={getSpecId('dataset C')}
+          id={getSpecId('bar series 2')}
           xScaleType={ScaleType.Time}
           yScaleType={ScaleType.Linear}
           data={KIBANA_METRICS.metrics.kibana_os_load[2].data.slice(0, 15)}

diff --git a/packages/osd-charts/src/components/legend_element.tsx b/packages/osd-charts/src/components/legend_element.tsx
@@ -123,7 +123,7 @@ class LegendElementComponent extends React.Component<LegendElementProps, LegendE
         <EuiFlexItem grow={false}>
           {this.renderVisibilityButton(legendItemKey, isSeriesVisible)}
         </EuiFlexItem>
-        <EuiFlexItem onClick={onTitleClick} grow={false}>
+        <EuiFlexItem onClick={onTitleClick} grow={true}>
           <EuiPopover
             id="contentPanel"
             button={