Я хочу показать легенду для моей гистограммы в dc.js, но я хочу отобразить ее за пределами диаграммы (включая ось). Однако текст всегда отключается. И когда я изменяю поля, метка оси расширяется, а стилизация выключается. Как я могу расширить границы только для легенды, а не для метки или диаграммы оси?Как увеличить границы моего графика, чтобы моя легенда не обрезалась?
1
A
ответ
1
Это не очень сложно, что я пробовал прежде, чем ответить вам. Дайте холст вашей гистограммы большего размера, чем «ширина» вашего графика. Теперь упомяните координаты x()
и y()
в легенде, чтобы они были больше ширины диаграммы. Вот и все.
В моем случае для моей диаграммы svg
или «холста» задана полная ширина страницы, но я разрешил диаграмму * (обратите внимание, что диаграмма составляет половину ширины холста, где отображается график) * width to быть только наполовину (скажем, calcWidth = 550). Теперь я написал «легенду» как
.width(calcWidth)
.legend(dc.legend().x(width+250).y(5).itemHeight(15).gap(5))