Javascript Highcharts.js-切换标签轴和隐藏图例

我一直在寻找一个体面的基于图表的网站解决方案，我认为HighCharts看起来很合适。文档似乎很好，但它正在做一些奇怪的事情，我需要一些帮助

在这里拉小提琴：

• 我选择了6个标签，但是插件输出了7个 马克
• 我试图在x轴上仅显示带有 y轴上没有任何内容，但图表正在输出屏幕上的标签 y轴，而不在x轴上显示标签
• 有没有办法隐藏这个传说？我找不到这个选项

代码如下：

$(function () { 
     $('#chart-data').highcharts({
          chart: {
                type: 'bar'
          },
          title: {
                text: ''
          },
          xAxis: {
                categories: ['Pre-Clinical', 'Phase I', 'Phase II', 'Phase III', 'Phase IV', 'Launch',]
          },
          yAxis: {

          },
          plotOptions: {
                line: {
                     dataLabels: {
                          enabled: true,
                          align: 'top'
                     },
                     enableMouseTracking: false
                }
          },                
          series: [{
                name: 'AMG 319',
                data: [6, 0, 0, 0, 0]
          }, {
                name: 'BAY 80-6946',
                data: [0, 5, 0, 0, 0]
          }, {
                name: 'GDC-0980 (RG7422)',
                data: [0, 0, 4, 0, 0]
          }, {
               name: 'Buparlisib (BKM120)',
               data: [0, 0, 0, 3, 0]
          }, {
               name: 'CUDC-907',
                data: [0, 0, 0, 0, 2]
          }, {
               name: 'GDC-09',
                data: [0, 0, 0, 0, 0]
          }]
     });
});

---

我不知道为什么这些东西对您不起作用，但有一个启用了图例：false隐藏图例，标签也是如此。但我想知道你们是否对x/y轴感到困惑，因为这是条形图而不是柱形图。至于您的6对7标签，我再次认为是方向让您困惑，您没有为两个轴指定标签，因此Highcharts正在使用您提供的数据为未指定的轴制作标签。 看看这个，做得很快，但希望有帮助：

---

按要求的顺序：

• 类别不决定标签的数量，只决定内容。如果数据超过类别的数量，任何额外的点将以数字标记。要指定与类别标签对应的x值，请使用类别数组索引（从0开始）作为x值

• 在水平条形图中，x轴和y轴是交换的——它们实际上只是在侧面旋转柱状图

• 您可以为图例设置“

  enabled:false

  ”：

---

我不清楚第一点和第二点。你是从什么开始的？例如，“我选择了6个标签”是什么意思？哪些标签？这些标签：类别：[‘临床前’、‘第一阶段’、‘第二阶段’、‘第三阶段’、‘第四阶段’、‘上市’，]给您：-注意，类别以0为基础，to value=4表示‘第四阶段’。谢谢您的回答。事实上，我希望有单杠。请参阅我试图实现的设计：感谢您显示用于删除图例的代码。我仍然需要删除y轴标签，并在栏中显示类别。有什么想法吗？谢谢，这很有道理！还有一个问题，你知道如何禁用增量吗？我希望图表显示数字1-6，数字之间没有任何中间数字。如果我理解正确，您需要“allowDecimals”属性-

// HighCharts Plugin
$(function () { 
 $('#container').highcharts({
      chart: {
            type: 'column'
      },
      title: {
            text: ''
      },
      xAxis: {
          labels: {enabled:false},
            categories: ['Pre-Clinical', 'Phase I', 'Phase II', 'Phase III', 'Phase IV', 'Launch',]
      },
      yAxis: {

      },
      plotOptions: {
            line: {
                 dataLabels: {
                      enabled: true,
                      align: 'top'
                 },
                 enableMouseTracking: false
            }
      },                
      series: [{
            name: 'AMG 319',
            data: [6, 0, 0, 0, 0]
      }, {
            name: 'BAY 80-6946',
            data: [0, 5, 0, 0, 0]
      }, {
            name: 'GDC-0980 (RG7422)',
            data: [0, 0, 4, 0, 0]
      }, {
           name: 'Buparlisib (BKM120)',
           data: [0, 0, 0, 3, 0]
      }, {
           name: 'CUDC-907',
            data: [0, 0, 0, 0, 2]
      }, {
           name: 'GDC-09',
            data: [0, 0, 0, 0, 0]
      }],
                            legend: { enabled: false}                      
 });
});