2015-06-27 3 views
1

Я хочу показать легенду для моей гистограммы в dc.js, но я хочу отобразить ее за пределами диаграммы (включая ось). Однако текст всегда отключается. И когда я изменяю поля, метка оси расширяется, а стилизация выключается. Как я могу расширить границы только для легенды, а не для метки или диаграммы оси?Как увеличить границы моего графика, чтобы моя легенда не обрезалась?

ответ

1

Это не очень сложно, что я пробовал прежде, чем ответить вам. Дайте холст вашей гистограммы большего размера, чем «ширина» вашего графика. Теперь упомяните координаты x() и y() в легенде, чтобы они были больше ширины диаграммы. Вот и все.

В моем случае для моей диаграммы svg или «холста» задана полная ширина страницы, но я разрешил диаграмму * (обратите внимание, что диаграмма составляет половину ширины холста, где отображается график) * width to быть только наполовину (скажем, calcWidth = 550). Теперь я написал «легенду» как

.width(calcWidth) 
.legend(dc.legend().x(width+250).y(5).itemHeight(15).gap(5))