在图表js中只想要不在其下的区域

时间:2016-10-14 08:53:41

标签: javascript html chart.js

我只想要图表js下面的线而不是区域。我正在其下面的区域以及我的仪表板中的线路聊天。

SUCCESS

2 个答案:

答案 0 :(得分:3)

只需在数据集中添加选项fill:false



var ctx = document.getElementById('myChart').getContext('2d');
var myChart = new Chart.Line(ctx, {
  data: {
    labels: ['M', 'T', 'W', 'T', 'F', 'S', 'S'],
    datasets: [{
  
      label: 'apples',
      data: [12, 19, 3, 17, 6, 3, 7],
      fill:false
    }, {
      label: 'oranges',
      data: [2, 29, 5, 5, 2, 3, 10],
      fill:false
    }]
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.1.4/Chart.min.js"></script>
<div class="container"  style="width:600px;height:600px;">
  <h2>Order rate Dashboard</h2>
  <div>
    <canvas id="myChart"></canvas>
  </div>
</div>
&#13;
&#13;
&#13;

答案 1 :(得分:1)

http://www.chartjs.org/docs/#line-chart-dataset-structure

int main(int argc, char *argv[]) {
    QGuiApplication app(argc, argv);

    MyCustomQQuickView view;
    view.show();

    return app.exec();
}