Javascript Highchart：使单个系列可滚动，并在向下钻取时更改x轴变量

在我提问之前，这里是我的问题

然而，我似乎找不到有助于改变x轴最小值和最大值的函数

我将非常感谢您的帮助，谢谢

1）如果需要滚动类别，请设置最小/最大值，然后为每个点定义单独的x。在您的示例中，您对同一只猫拥有的所有点

2） 在/drillup事件中，您可以调用

  $(document).ready(function () {
      $('#deal_venue_chart').highcharts({
          chart: {
              type: 'column'
          },
          credits: {
              enabled: false
          },
          title: {
              text: 'Popularity of Deals in Venues'
          },
          subtitle: {
              text: 'Redemption Count'
          },
          yAxis: {
              allowDecimals: false,
              min: 0,
              title: {
                  text: 'Number of Redeems'
              }
          },
          scrollbar: {
              enabled: true
          },
          plotOptions: {
              series: {
                  dataLabels: {
                      enabled: true,
                      align: 'center',
                      color: '#000000',
                      overflow: 'justify',
                      crop: true
                  },
                  pointWidth: 150
              }
          },
          xAxis: {
              min: 0,
              max: 0,
              type: 'category'
          },
          legend: {
              layout: 'vertical',
              align: 'right',
              verticalAlign: 'top',
              y: 30
          },
          series: [{
              name: '<span style="color: #00910c">Active: </span>' + '1 Free Soju Cocktails for every Main Meal Purchased',
              data: [{
                  name: "Deals",
                  y: 718,
                  drilldown: "1 Free Soju Cocktails for every Main Meal Purchased" + " active",
                  dataLabels: {
                      format: "1 Free Soju Cocktails for every Main Meal Purchased"
                  }
              }]
          }, {
              name: '<span style="color: #00910c">Active: </span>' + '4pcs Fried Chicken @ $8.00',
              data: [{
                  name: "Deals",
                  y: 746,
                  drilldown: "4pcs Fried Chicken @ $8.00" + " active",
                  dataLabels: {
                      format: "4pcs Fried Chicken @ $8.00"
                  }
              }]
          }, {
              name: '<span style="color: #00910c">Active: </span>' + '50% OFF Ganjang, Yanguyum Wings and Soju Cocktails!',
              data: [{
                  name: "Deals",
                  y: 365,
                  drilldown: "50% OFF Ganjang, Yanguyum Wings and Soju Cocktails!" + " active",
                  dataLabels: {
                      format: "50% OFF Ganjang, Yanguyum Wings and Soju Cocktails!"
                  }
              }]
          },

          {
              id: "1 For 1 Chicken Up Wings and Korean Bingsu" + ' (Redemption Count)',
              name: '<span style="color: #df1007">Expired: </span>' + '1 For 1 Chicken Up Wings and Korean Bingsu',
              data: [{
                  name: "Deals",
                  y: 1039,
                  drilldown: "1 For 1 Chicken Up Wings and Korean Bingsu" + " past",
                  dataLabels: {
                      format: "1 For 1 Chicken Up Wings and Korean Bingsu"
                  }
              }],
              visible: false
          }, ],
          drilldown: {
              series: [{
                  name: "Venues",
                  id: "1 Free Soju Cocktails for every Main Meal Purchased" + " active",
                  data: [
                      [
                          "Chicken Up @ Jurong East", 310],
                      [
                          "Chicken Up @ Tampines", 171],
                      [
                          "Chicken Up @ Tanjong Pagar", 237], ]
              }, {
                  name: "Venues",
                  id: "4pcs Fried Chicken @ $8.00" + " active",
                  data: [
                      [
                          "Chicken Up @ Jurong East", 242],
                      [
                          "Chicken Up @ Tampines", 337],
                      [
                          "Chicken Up @ Tanjong Pagar", 167], ]
              }, {
                  name: "Venues",
                  id: "50% OFF Ganjang, Yanguyum Wings and Soju Cocktails!" + " active",
                  data: [
                      [
                          "Chicken Up @ Jurong East", 69],
                      [
                          "Chicken Up @ Tampines", 132],
                      [
                          "Chicken Up @ Tanjong Pagar", 164], ]
              },

              {
                  name: "Venues",
                  id: "1 For 1 Chicken Up Wings and Korean Bingsu" + " past",
                  data: [
                      [
                          "Chicken Up @ Jurong East", 381],
                      [
                          "Chicken Up @ Tampines", 214],
                      [
                          "Chicken Up @ Tanjong Pagar", 444], ]
              },

              ]
          }
      });
  });

  chart: {
      type: 'column',
      events: {
          drilldown: function (e) {
              this.setTitle({text: "Popularity of Deal of Deal Type " + e.point.name});
          },
          drillup: function (e) {
              this.setTitle({text: 'Popularity of Deal Types'});
          }
      }
  }