Question

我正在尝试以calendar_week / year的形式生成带有x轴的图形并且y轴只是在该时间点测量的一些数据。数据存储在json文件中，当我生成Chart时，另一个脚本将从所述json文件中获取数据。

var chart_k1 = c3.generate(
    {
        bindto: '#chart_k1',
        data: { url: '/json.php?data=KPI_K1_DATA', mimeType: 'json' }
    });

URL将从json文件中提取数据并将其返回到“数据部分”以生成图形。

//get data from json file
$jsonFile = file_get_contents("$phpDir/betterOv.json");
$json = json_decode($jsonFile, true);
$data = array("KPI_data"=>$json['data']['KPI_K1']['KPI_K1_DATA'],
"cw" => $json['data']['KPI_K1']['KPI_K1_CW']); #cw as in calendar week

// Return the Data
echo json_encode($data);

这就是Json的样子：

{
    "project":"proj_xyz",
    "data":
    {
        "KPI_K1":
        {
            "KPI_K1_CW"     :   ["24/16", "25/16", "26/16"],
            "KPI_K1_DATA"   :   [5, 23, 10]
        },
        "KPI_K2":
        {
            "KPI_K2_CW"     :   ["24/16", "25/16", "26/16"],
            "KPI_K2_DATA"   :   [17, 26.5, 30]
        }
    }
}

the resulting graph

现在我的问题，我知道有一些方法可以用C3JS改变x轴，但我无法弄清楚当我从另一个URL获取数据时如何设置数据。我最终希望在x轴上看到相应的日历周。

感谢任何帮助。非常感谢提前！这是我在这里发表的第一篇文章，所以如果我不满足格式化的所有要求，我很抱歉：（。

C3JS设置来自不同URL的x轴值

0 个答案: