在c3js中为多个类别图表配置数据输入

问题描述

我正在按照下面的图设计折线图/柱形图。

分类的第一级是按月-年分组的，下一级是名称。

我不知道如何配置图表的输入数据并设置X轴刻度值的格式。

我已经尝试过几次了，但是还是没用。

using Java.Util.Locale locale = new Java.Util.Locale(cultureInfo.TwoLetterISOLanguageName);
Java.Util.Locale.SetDefault(Java.Util.Locale.Category.Format,locale);
var config = Resources.Configuration;
config.SetLocale(locale);
BaseContext.CreateConfigurationContext(config);

解决方法

不幸的是，c3自然不会执行分层轴。您所希望的最好的办法是通过尝试的滴答声格式模仿它们。不过，您的示例似乎最适合作为类别类型而不是时间序列。即使有虚拟数据点，我也看不到如何在单个刻度线下方和之间获取数据。

//let x = ['x','2020-07-01','2020-08-01','2020-09-01','2020-09-01'];
var data1 = ['p1',100,200,300,450,400,500]; // 100: p1-Peter,200: p1-Mary.......
var data2 = ['p2',390,760,800];
var ResponsibleEmployees = ["Peter","Mary"]

        var chart = c3.generate({

            size: {
                width: 700
            },data: {
                //x: 'x',columns: [
                    //x,data1,data2],type: "bar"
            },axis: {
                x: {
                    type: 'category',categories: ['2020-07-01','2020-09-01'],tick: {
                        culling: false,format: function (d) {
                            var i = d % 2;
                            var val = ((i === 0) ? this.api.categories()[Math.floor(d)] + " " : "...") + ResponsibleEmployees[i];
                            return val;
                        }

                    }
                }
            }
        });

https://jsfiddle.net/7rs186fw/