برنامه نویسی

VChart چگونه عرض میله ها را در نمودار میله ای تغییر دهیم؟

VChart چگونه عرض میله ها را در نمودار میله ای تغییر دهیم؟

من از vchart برای ایجاد نمودار میله ای استفاده می کنم و می خواهم عرض میله ها را تنظیم کنم. با این حال، من نتوانستم مورد پیکربندی مربوطه را در اسناد پیدا کنم. برخی از پارامترها را امتحان کردم اما هیچ کدام جواب نداد. چگونه می توانم عرض میله ها را تنظیم کنم؟

برای تنظیم عرض میله ها در نمودار میله ای vchart، می توانید عرض خود نمودار را تنظیم کنید. نمودار میله ای دارای یک است barWidth ویژگی که می تواند برای تنظیم عرض میله ها استفاده شود.

const spec = {
  type: 'bar',
  data: {
    values: [
      {
        time: '2:00',
        value: 8
      },
      {
        time: '4:00',
        value: 9
      },
      {
        time: '6:00',
        value: 11
      },
      {
        time: '8:00',
        value: 14
      },
      {
        time: '10:00',
        value: 16
      },
      {
        time: '12:00',
        value: 17
      },
      {
        time: '14:00',
        value: 17
      },
      {
        time: '16:00',
        value: 16
      },
      {
        time: '18:00',
        value: 15
      }
    ]
  },
  barWidth: '60%',
  barMinWidth: 20,
  barMaxWidth: 50,
  xField: 'time',
  yField: 'value',
};

const vchart = new VChart(spec, { dom: CONTAINER_ID });
vchart.renderSync();

// Just for the convenience of console debugging, DO NOT COPY!
window['vchart'] = vchart;
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

نوشته های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا