javascript - 是否可以有一个复合 ng2-charts 条形图和折线图?

标签 javascript css angular ng2-charts

我正在使用 ng2-charts 并需要复合条形图和折线图。这可能吗?

目前我可以让条形图和折线图分开工作,我的模板看起来像...

<div>
  <div style="display: block">

    <canvas baseChart
            [datasets]="barChartData"
            [labels]="barChartLabels"
            [options]="barChartOptions"
            [legend]="barChartLegend"
            [chartType]="barChartType"
            (chartHover)="chartHovered($event)"
            (chartClick)="chartClicked($event)"></canvas>
    <div align="center">{{barChartTitle}}</div>
  </div>
</div>

最佳答案

您可以将其作为 typescript 中数据对象的一部分传入,例如:

{
    data: [3, 1, 1, 0, 2, 2, 3, 0, 0, 0, 1, 0, 2, 1, 0, 4, 2, 2, 0], 
    label: '',
    type: 'bar'
}

关于javascript - 是否可以有一个复合 ng2-charts 条形图和折线图?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42042917/

相关文章:

javascript - 如何使用 jQuery Validate 正确验证放置在多个选项卡上的 Twitter 的 Bootstrap 表单?

javascript - 如何从元素类中获取数据值?

javascript - 使用 Javascript 的简单幻灯片

javascript - 我想拖放所有 ui 元素的按钮和图像,然后再次拖动 Canvas 内的元素

angular - 如何在 Ionic2 中禁用 View 缓存?

angular - 有没有办法在 Angular2 依赖注入(inject)中使用模板中的值?

angular - 无法添加属性 X,ngrx 9 更新后对象不可扩展

javascript - 为什么我在将 javascript 连接到简单 html 时出错?

html - 变量未在函数内定义

javascript - Visual Studio 2012 : change javascript comment style