Question

我正在使用chart.js折线图显示我的资源使用数据的一些图表，例如特定时期，其中某个时段可能会有所不同，例如最后一天，最后一周，最后一个月等等。我正在使用折线图和代码如下。

基本上我希望我的画布根据我在下拉列表中选择的时间段调整大小。假如我选择1天，画布应缩小以显示一天数据，我的意思是如果我必须显示一个月的数据，我的画布宽度应为100％（数据应显示在整个画布中），一周画布应缩小到整个画布的25％（数据应显示在画布的25％），而一天宽度应为画布的10％。

如果有人知道如何使用chart.js实现这一目标，那将会很有帮助

var myData = { 标签：timeX，数据集：[{ 数据：百分比 }] };

    MEMORY_LINE_CHART = new Chart(ctx, {
            type: 'line',
            data: myData,
            options: {
                bezierCurve: false ,
                scaleIntegersOnly: false,
                animation : false,
                responsive: true,
                scales: {
                    yAxes: [{
                        ticks: {
                            beginAtZero:true
                        }
                    }],
                    xAxes: [{
                        ticks: {
                            display:true
                        }
                    }]
                } // scales
            }
        });

Answer 1

通常情况下图表只显示，Jus想象一下我的最大数据是否为1年巨大。如果用户希望在最后一天看到ony，我的画布那么大就会说600x600可以容纳大约一年的数据，想象一下，如果我们继续减小宽度，那么显示一天数据的尺寸会有多小。你的要求或规格。

您可以在此处看到示例，它们不会更改图表的宽度或大小

https://finance.yahoo.com/echarts?s=YHOO+Interactive# {％22allowChartStacking％22：真}

http://www.marketwatch.com/investing/stock/live/charts

给予思考并享受图表;）

Chart.js没有根据数据拉伸宽度

1 个答案: