Расстояние между столбцами в гистограмме Vega-lite

D3 новичок. Как настроить интервал между столбцами на гистограмме Vega-lite и изменить значение по умолчанию? binSpacing Я думаю, работает только с гистограммами. См. Код ниже. Я тоже хочу настроить цвет текста и семейство шрифтов ... Но я не могу найти это в документации.

   {
  "$schema": "https://vega.github.io/schema/vega-lite/v2.json",
  "width": 1200,
  "height": 900,
  "data": {
    "url": "data/seattle-weather.csv"
  },
  "mark": "bar",
  "encoding": {

    "x": {
      "aggregate": "count",
      "type": "quantitative"
    },

    "size": {
      "value": 40



    },
    "y": {
      "field": "date",
      "type": "temporal",
      "timeUnit": "month",
      "axis": {
        "title": "Regions"
      }
    },

    "color": {
      "field": "weather",
      "type": "nominal",
      "scale": {
        "domain": [
          "0-20 days",
          "21-27 days",
          ">28 days"
        ],
        "range": [
          "red",
          "orange",
          "green"
        ]
      },
      "legend": {
        "title": "Case Ageing"
      }
    }
  }
}

person Peter Nsanze    schedule 26.07.2017    source источник


Ответы (1)


Я понимаю ваше замешательство. Кажется, есть три вопроса:

  1. Как изменить ширину ячейки для гистограмм? Это задокументировано здесь. Если у вас возникнут проблемы с воспроизводимым примером, я буду рад помочь.
  2. Как настроить интервал между полосами? Это контролируется padding, paddingInner и paddingOuter, все они задокументированы в уровень кодировки и на уровень конфигурации. У вас могут быть проблемы, поскольку вы устанавливаете размер вручную с помощью "size": {"value": 40}, но я предполагаю, что это остаток экспериментов. Вот рабочая спецификация из этой сути. Вы можете поиграть с paddingOuter, paddingInner или добавить padding, чтобы применить как к внутреннему, так и к внешнему.
  3. Как изменить стиль шрифта? См. эту суть.
person timelyportfolio    schedule 30.07.2017