[CLOSED] Changing Chart Background Color

[cwolcott]

I have added a menuItem that allows the user to select the background color of the chart. Do I need to tell the chart to redraw because the new color is not showing up?

   <ext:MenuItem runat="server" Text="Background Color" Icon="ColorSwatch">
      <Menu>
         <ext:ColorMenu runat="server">
            <Listeners>
               <Select Handler="Ext.getCmp('CrtsChart').background.fill = '#' + color;" />
            </Listeners>
         </ext:ColorMenu>
      </Menu>
   </ext:MenuItem>

[Daniil]

Hi Chris,

To change it on the fly, please do this:

App.Chart1.surface.background.setAttributes({
    fill: "red"
}, true);

[cwolcott]

Works great ...

Comment:

I create my chart in behind code and originally did not define Background and everything worked. But to set the color in the listener I needed to define background and set fill in my behind code otherwise it is undefined when I try to set it in the listener.

   Chart Chart1 = new Chart();
   Chart1.ID = "CrtsChart";
   ...
   Chart1.Background = new DrawBackground();
   Chart1.Background.Fill = "white";
   ...

Question:

Is there a way to set the initial value of the ext:ColorMenu in the markup?

 <ext:MenuItem runat="server" Text="Background Color" Icon="ColorSwatch">
    <Menu>
       <ext:ColorMenu runat="server">
          <Listeners>
             <Select Handler="Ext.getCmp('CrtsChart').background.fill = '#' + color;" />
          </Listeners>
       </ext:ColorMenu>
    </Menu>
 </ext:MenuItem> 
.

[Daniil]

Here you are.

<ext:ColorMenu runat="server">
    <Picker Value="FFFFFF" />   
</ext:ColorMenu>

[cwolcott]

Please close the thread.