Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Let's see if I can help you...</p> <h2>"Chart Crowded"</h2> <p>I can imagine three ways to avoid your charts to be "crowded":</p> <h2>Method 1: Let the user choose what to see.</h2> <p>Either hide adding <code>visible: false</code> to some or all your series, using this will allow the user to choose what data he wants to see. For example:</p> <pre><code>series: [ { name: ..., data: ..., visible: false }, ... ] </code></pre> <hr> <p>If you choose this example you could could also think about adding a button to show/hide all, that you can achieve by using:</p> <p>Hide everything:</p> <pre><code>for(i=0; i &lt; chart.series.length-1; i++) chart.series[i].hide(); </code></pre> <p>Show everything:</p> <pre><code>for(i=0; i &lt; chart.series.length-1; i++) chart.series[i].show(); </code></pre> <hr> <h2>Method 2: Zoomming your way out of the problem</h2> <p><strong>In alternative</strong> you can use <code>zoomType: 'x'</code> in your chart allowing the user to zoom and see the data in detail, the user can then scroll with the zoom to the left and right of the chart or reset the zoom and choose another point to see.</p> <hr> <h2>Method 3: overflow</h2> <p><strong>In alternative</strong> you can create a giant chart and use overflow to allow the chart div to be scrollable, or hide the overflow and manage the <code>scrollX</code> &amp; <code>scrollY</code> trough jQuery.</p> <hr> <p><strong>Can you provide the code or link to fiddle of the svg example so I can check your code and see if I can help you with that?</strong></p> <p>Thank you.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    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. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

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