Finally I found an answer by my own: First, we have to set a div around the chartjs component, which is in this case. Then a little of css is needed. So it would be like this:

<div class="chartAreaWrapper">
                            style="float: left" class="walking-speed-chart"></walking-speed-line-chart>


And corresponding css:

.chartAreaWrapper {
       width: 80%;
       overflow-x: scroll;

       margin-top: 20px;
       height: 170px;
       width: 1200px;

As you can see, you only need to set an overflow-x: scroll property in the container div of your component. Then just fix as much width as you want. Hope it helps!

Related Query

More Query from same tag