Графика начинается с оси + сетка

Я работаю над настройками высоких графиков, и у меня возникла проблема с http://jsfiddle.net/gF4x2/ этой графикой

credits: { enabled: false
},

Я думаю, что некоторые проблемы легки, а некоторые нет. Возможно, кто-то сталкивается с теми же проблемами и разрешил это.

  1. Нужно, чтобы графика начиналась с оси y и x, теперь у них есть прокладка, и я не знаю, как ее удалить.

  2. Мне нужно создать какую-то сетку, но на моей графике я не смог. Я даже не знаю, в какой части я должен смотреть, чтобы получить это. Может быть, кто-то знает решение или может дать совет, что я должен делать?

2 ответа

Я могу немного помочь с сеткой. Вы можете использовать эти опции по оси x:

gridLineWidth:1, plotBands:[ {color:'lightgrey',from:0,to:3}, {color:'lightgrey',from:9,to:11} ],

http://jsfiddle.net/YabxW/

Я посмотрел на это немного больше, и вы можете приблизиться к тому, что хотите, используя plotBands и помощь, которую предложил Иван Чау. Тем не менее, я бы рассматривал это как две диаграммы вместо одной, так как очень сложно получить именно то, что вы хотите в одной диаграмме.


ДЕМО: http://jsfiddle.net/DdFEB/

  • Выровнять первую точку данных слева от оси

Избегайте классифицировать ось x.

categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],

Вместо этого используйте специальный формат.

var xCategories = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];

Под xAxis:

labels: { y: 25, formatter: function() { return xCategories[this.value]; } },

В разделе xAxis: используйте startOnTick с maxPadding

startOnTick: false, endOnTick: false, minPadding: 0, maxPadding: 0

Связанные вопросы: Положите highchart на начало графика Highcharts выравнивают точки графика, начинающиеся с оси y стартовые диаграммы начинаются с основания шарнира

  • Добавление линии сетки

Под xAxis:

gridLineWidth: 0.5, gridLineColor: '#C0C0C0'

По этому вопросу: поскольку верхняя диаграмма и нижняя диаграмма смешиваются вместе, довольно сложно помещать метки (например, Jan, Feb и т.д.) Между диаграммами. Хотя это возможно.

Вы можете увидеть эффект, удалив следующие строки.

Под xAxis:

top: -143,

licensed under cc by-sa 3.0 with attribution.