Databases
StackOverflow2013
Postsdbo
POHide the chart's series in ExtJs 4
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHide the chart's series in ExtJs 4
    primarykey
    data
    text
    <p>I'm migrating ExtJs 3 application to ExtJs 4. One of the component that I need to change is a chart that has series of bars and lines on it. It displays the data for previous and current years. Beside the chart there is a checkbox "Compare to previous year". When it checked all line series should be visible and hidden when it is not checked. In ExtJs 3 I did this task by setting visibility:hidden for series styles this way: chart.setSeriesStyles(...). But in ExtJs 4 this function is absent and I can't find any other way to hide series on demand. Here is the code of my chart:</p> <pre><code> var store = Ext.create('Ext.data.Store', { fields: [ 'month','data1','data2','data3','prev_data1','prev_data2','prev_data3' ], proxy: { type: 'ajax', url: '/getmonthlystats.php' } }); this.statChart = Ext.create('Ext.chart.Chart', { flex: 1, store: store, axes: [{ type: 'Numeric', position: 'left', minimum: 0, maximum: 100, fields: [ 'data1', 'data2', 'data3', 'prev_data1', 'prev_data2', 'prev_data3' ], label: { renderer: Ext.util.Format.numberRenderer('0,0') }, grid: true },{ type: 'Category', position: 'bottom', fields: ['month'], label: { rotate: { degrees: 315 } } }], series: [{ type: 'column', yField: ['data1','data2','data3'], xField: 'month' }, { type: 'line', yField: 'prev_data1', xField: 'month' },{ type: 'line', yField: 'prev_data2', xField: 'month' },{ type: 'line', yField: 'prev_data3', xField: 'month' }] }); </code></pre> <p>So, the lines prev_data1, prev_data2, prev_data3 should be shown or hidden when needed (depending on the checkbox state). Does anyone know the way to do that?</p> <p>Thanx.</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USDmitri
    1. USDmitri
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POHide the chart's series in ExtJs 4
      1. This table or related slice is empty.
      1. VTUpMod
    1. This table or related slice is empty.
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload