Question

我正在尝试渲染非常基本的柱形图，其中每个系列本身都在列上。如果它在series []。data中设置每一列，我几乎可以使它工作这是一个jsFiddle，其中条形图是正确的，但图例应显示与列名称相同（Alla和公司）。

series: [{
        data: [{
            name: 'Alla',
            y: 76.9,
            color: '#003960'
        },
        {
            name: 'Company',
            y: 77.2,
            color: '#006bb6'
        }]
    }]

Answer 1

您当前的数据结构仅指定一个系列。

您需要将series属性移出data数组，并将它们指定为两个单独的系列，如下所示：

  series: [{
    name: 'Alla',
    color: '#003960',
    data: [76.9]
  }, {
    name: 'Company',
    color: '#006bb6',
    data: [77.2]
  }]

这可能会导致您可能想要解决的x轴标签的其他问题，但这是一个不同的问题。

示例：

https://jsfiddle.net/rsL1tza2/1/

虽然，如果您的数据实际上很简单，那么直接在x轴上标记条形图的可用性要好得多，而不是在图例中，用户必须从图例到条形图来回查看。匹配颜色。 FWIW。

修改

如果您希望系列名称同时显示在轴标签和图例中，则需要做一些不同的事情。

1）在grouping
中将plotOptions设为false
2）指定categories，或在name属性和series点
中设置data
3）为每个数据点指定x值。

Axis：

xAxis: { categories: ['Alla', 'Company'], }

情节选项：

plotOptions: { column: { grouping: false } }

系列：

series: [{ name: 'Alla', color: '#003960', data: [[0,76.9]] }, { name: 'Company', color: '#006bb6', data: [[1,77.2]] }]

小提琴：

https://jsfiddle.net/rsL1tza2/4/

Answer 2

您必须将DateFormat inputFormat = new SimpleDateFormat("yyyy-MM-dd hh:mm:ss.S"); Date date = inputFormat.parse(inputDate); // Format date into output format DateFormat outputFormat = new SimpleDateFormat("dd-MM-yyyy"); String outputString = outputFormat.format(date);保留在name字段之外：

https://jsfiddle.net/0kfmqnu4/

data

系列作为highcharts中的列

2 个答案: