Wie Leerzeichen um Baidus Echarts zu minimieren

Question

Ich versuche Baidus Echarts (die wirklich gut aussehen) zu integrieren. Um den eigentlichen Graphen herum gibt es jedoch viele Leerzeichen, wenn man weder einen Titel setzt noch deren Symbolleiste benutzt. Gibt es eine Möglichkeit, das Diagramm/Diagramm mehr von der Leinwand zu verwenden?

Meine aktuelle Lösung, um ein Extra in den Container hinzuzufügen, und legen Sie dann seine Breite und Höhe an den Rändern, die ich entfernen möchte, und den Offset durch Setzen von 'oben' und 'links' auf negative Werte von die jeweiligen Margen. Nicht elegant und vor allem nicht robust, aber es funktioniert für den Moment.

Answer 1

in Echart kann u Tabelle/Grafik mit Kombination des Diagramms zu machen, und dre ist zu viele Config für jeden Abschnitt Charts, wie Legende, etc ... haben nur Blick auf ihre api documantation auf ihrer Website und Example Seite (Kombinationen Teil)

Answer 2

Sie können die im Raster definierten Eigenschaften (x, y, x2 und y2) verwenden. Diese Eigenschaften sind auf der Dokumentation erwähnt: http://echarts.baidu.com/doc/doc-en.html#Grid

Answer 3

Werte auf Ihre Themen Rasterobjekt hinzufügen, etwa so:

var theme = { 

    grid: { 
     x: 40, 
     y: 20, 
     x2: 40, 
     y2: 20 
    } 

} 

Answer 4

In ECharts Sie die Optionen verwenden können grid.left, grid.top, grid.right und/oder grid.bottom. Gemäß der Dokumentation sind links und rechts standardmäßig 10% und oben und unten standardmäßig 60 (px).

Dokumentation: https://ecomfe.github.io/echarts-doc/public/en/option.html#grid.