Столбцы на гистограмме сливаются вместе

Я пытаюсь сделать гистограммы в d3, но мои гистограммы сливаются, когда я смотрю на них в Chrome. (Они отлично смотрятся в Firefox или Safari.)

Например, они выглядят так:

введите здесь описание изображения

когда между полосами действительно должны быть пробелы.

Странно, я вижу это даже в официальном туториале по d3, но только на некоторых гистограммах - первая и четвертая гистограммы на этой странице имеют правильное количество интервалов, но вторая и третья гистограммы сглажены, как на диаграмме выше.

Как это исправить, чтобы полосы правильно отображались в Chrome? Что особенного в первой и четвертой гистограммах на этой странице?


person grautur    schedule 30.07.2012    source источник
comment
Используете ли вы масштабирование в браузере? Я не могу воспроизвести точно, хотя на некоторых диаграммах интервал исчезает, если я достаточно уменьшу масштаб.   -  person Jason Davies    schedule 30.07.2012
comment
Подтверждено - уменьшение масштаба приводит к размытию. Нажмите ctrl+0 в хроме, чтобы перейти к уровню масштабирования по умолчанию и посмотреть, не сдвинуты ли полосы.   -  person Marijn    schedule 30.07.2012
comment
Ах, да, это было так, спасибо! Не заметил, что меня уменьшили :)   -  person grautur    schedule 30.07.2012
comment
Большой! Добавлен как официальный ответ, который легко найти другим.   -  person Jason Davies    schedule 31.07.2012


Ответы (1)


Это может произойти при использовании масштабирования на основе браузера, поскольку при уменьшении масштаба может сжаться одиночный зазор в пикселях.

В Chrome вам нужно выбрать «Вид → Фактический размер» или нажать Ctrl/⌘-0, и это должно исправить ситуацию.

person Jason Davies    schedule 31.07.2012