Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/ruby-on-rails-3/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 为什么这个C3.JS图表不显示X轴上的时间序列?_Angularjs_Time Series_C3.js - Fatal编程技术网

Angularjs 为什么这个C3.JS图表不显示X轴上的时间序列?

Angularjs 为什么这个C3.JS图表不显示X轴上的时间序列?,angularjs,time-series,c3.js,Angularjs,Time Series,C3.js,此图表呈现正常,但不再显示底部的时间序列(很抱歉没有小提琴): 结果是“axis.x.tick.values”数组必须与图表中的值具有相同的日期,否则x轴上没有任何内容可供图表渲染。我使用此代码确保它们匹配: var timeindices = [ '21/02/2017 00:00', '21/02/2017 01:30', '21/02/2017 03:00', '21/02/2017 04:30', '21/02/2017 06:00', '21/02/2017 07:30

此图表呈现正常,但不再显示底部的时间序列(很抱歉没有小提琴):


结果是“axis.x.tick.values”数组必须与图表中的值具有相同的日期,否则x轴上没有任何内容可供图表渲染。我使用此代码确保它们匹配:

var timeindices = [
    '21/02/2017 00:00', '21/02/2017 01:30', '21/02/2017 03:00', '21/02/2017 04:30',
    '21/02/2017 06:00', '21/02/2017 07:30', '21/02/2017 09:00', '21/02/2017 10:30',
    '21/02/2017 12:00', '21/02/2017 13:30', '21/02/2017 15:00', '21/02/2017 16:30',
    '21/02/2017 18:00', '21/02/2017 19:30', '21/02/2017 21:00', '21/02/2017 22:30',
    '21/02/2017 00:00'
];
var timeseries = [];
var dateprefix = dataStore[0][0].substring(0, 11);

timeindices.forEach(function (d) {
    timeseries.push(dateprefix + d.substring(11, 16));
});
然后,我以这种方式修改了图表构造函数:

axis: {
    x: {
        show: true,
        type: 'timeseries',
        tick: {
            format: '%H:%M',
            values: timeseries

我有一个类似的问题,结果是动态高度。你能检查一下你的身高比例是否合适吗?大小:{height:height*2}原来是“axis.x.tick.values”数组。一旦我更新了代码以使用真实数据而不是填充“c3current”和“c3data”的伪数据,“axis.x.tick.values”数组中的日期不同步,因此它不会呈现它们。我写了一些代码来匹配它们,它们重新出现了。@akoya,这是个好主意。事实上,我上周也遇到了同样的问题,并且用同样的方法解决了。
axis: {
    x: {
        show: true,
        type: 'timeseries',
        tick: {
            format: '%H:%M',
            values: timeseries