title: Making a scrollable tooltip in d3 pie chart
body: <p>I am using <a href="https://github.com/benkeen/d3pie" rel="nofollow">d3pie</a> with d3.js. When I hover over the pie I see the tooltip with the data but the rest of the data is cut off/ hidden because the data is way too long.</p>
  
  <p>I want to show a scrollable list of gateways when clicked on the pie just like a tooltip.</p>
  
  <p>here is my code.</p>
  
  <pre><code>var pie = new d3pie("gateway-datasources-status-chart", {
          size: {
              canvasHeight: 300,
              canvasWidth: 300
          },
          data: {
              content: [
                  { label: "Online", value: online_gateway, lists: online_gateway_datasources },
                  { label: "Offline", value: offline_gateway, lists: offline_gateway_datasources }
              ]
          },
          "tooltips": {
              "enabled": true,
              "type": "placeholder",
              "string": "{label}: {lists}",
              "styles": {
                  "backgroundColor": "#040404",
                  "borderRadius": 5
              }
          },
          callbacks: {
          }
      });
  </code></pre>