Rgraph.js диапазон hbar. Бар начинает рендеринг с xmin . Скрипт trat xmin как отправная точка

как я выгляжу так

Rgraph.js диапазон hbar. Бар начинает рендеринг с xmin . Скрипт trat xmin как отправная точка.

Если я не использую диапазон, я воспринимаю что-то более похожее на истину. как это выглядит без диапазона xmin и xmax

Я хочу получить что-то вроде этого, но в hbar (где ось расположена асимметрично - относительно заданного диапазона)

Это объясняет, как должна располагаться ось

<canvas id="cvs2" width="750" height="750">[No canvas support]</canvas>

<script>
$(document).ready(function() {
  var bar2 = new RGraph.HBar({
    id: 'cvs2',
    data: [
      [442594, -1960, 440634],
      [324666, -8681, 315985],
      [561606, -33350, 528255],
      [558626, -19069, 539557],
      [252991, -8953, 244037],
      [53220, -2430, 50789],
      [3122, -8367, -5245],
      [29740, -17024, 12715],
      [0, -17365, -17365],
      [10947, -11772, -825],
      [29535, -48110, -18574]
    ],
    options: {
      linewidth: 0,
      vmargin: 3,
      shadow: false,
      textAccessible: true,
      scaleZerostart: true,
      xmin: -60000,
      xmax: 1000000,
      key: {
        self: ['leb1', 'leb2', 'leb3'],
        interactive: true
      },
      labels: {
        self: ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k'],
        above: {
          size: 9,
          self: false,
          color: 'gray'
        }
      },
      'text.color': '#fff',
      'axis.color': '#fff',
      labelsBold: true,
      background: {
        grid: {
          color: 'rgba(150,150,150,0.7)',
          autofit: {
            numvlines: 12
          }
        }
      },
      gutter: {
        left: 165,
        right: 50,
        bottom: 120
      },
      backgroundGridVlines: false,
      backgroundGridBorder: false,
      colors: ['#94f776', '#fe783e', '#99f'],
    }

  }).draw();
}); //end jQuery
</script>

0 ответов

Другие вопросы по тегам