Multiple timeline series in ExtJS4 chart with one store

Question

The data, that comes from the server looks like this:

[
  { date: 123456789, browser: 'firefox', clicks: 123, ... },
  { date: 123456789, browser: 'chrome' , clicks: 456, ... },
  { date: 123456790, browser: 'firefox', clicks: 678, ... },
  { date: 123456790, browser: 'chrome' , clicks: 453, ... },
  { date: 123456791, browser: 'firefox', clicks: 234, ... },
  { date: 123456791, browser: 'chrome' , clicks: 555, ... },
  ...
]

I generate my models from this, pack them into a store and show them in a grid, which works fine.

But now I want to show a timeline chart for this table, and it should have one series for every browser.

Is it possible to filter series?

Something like this:

series: [
  {
    type  : 'line', 
    title : 'Chrome',
    xfield: 'clicks',
    yfield: 'date',
    filter: { browser: '*chrome*' }
  }
]

Answer 1

You can only filter a store, but when you filter the store your grid will get filtered aswell. You could make a copy of the store, or create a new store with filtered data from the first store.