微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

具有时间序列和附加y轴c3.js的数据数组

如何解决具有时间序列和附加y轴c3.js的数据数组

我想要一个带有第二个y轴的时间序列图,其中包含来自3个数组的数据:

var DATE = ['2020-08-14 09:04:12','2020-08-14 09:04:13','2020-08-14 09:04:14'];
var TEMPIN = [12,6,14];
var PRESS = [2000,1988,2002];

但是它将两个数据集都绘制在y1上并且y2为空 我希望数组“ DATE”是x,y1上的“ TEMPIN”数据,y2上的“ PRESS”数据。 我在做什么错了?

完整代码

var DATE = ['2020-08-14 09:04:12',2002];

DATE.unshift('x');
TEMPIN.unshift('data1');
PRESS.unshift('data2');

          var chart = c3.generate({
                bindto: '#graph',data: {
                    x: 'x',xFormat: '%Y-%m-%d %H:%M:%s',columns: [
                        DATE,TEMPIN,PRESS
                    ]
                },axes: {
                    data1: 'y1',data2: 'y2'
                },axis: {
                    y2: {
                        show:true
                    },x: {
                        type: 'timeseries',tick: {
                            format: '%H:%M:%s'
                        }
                    }
                }
            })

解决方法

通过将“ axes:”部分移至“ data:”并进行更改

来解决
bar

MyStory.argTypes = {
  foo: { table: { disable: true } },bar: { control: { disable: true } },};

完整代码:

data1: 'y1'

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。