chart.js2

0热度

1回答

我使用ionic framework，我在那里显示在图表中的一些数据将某个应用，使用chart.js ... 基本上，我试图让柱状图，在那里我只有1个单杠，通过多年的模拟活动的状态，你可以在下图中看到：我找不到任何可以帮助我，我开始用线条做这个，但我需要使用几个工具，如grandient，Chart.controllers.line.extend，它开始看起来更像是一种解决方法......它不是

0热度

1回答

将数字放在图形中

如何将数字输入到甜甜圈图形中？我需要显示每个元素的百分比。我现在开始看到图表JS，我能做到吗？我想表明这样的 var ctx = document.getElementById("myChart"); var myChart = new Chart(ctx, { type: 'doughnut', data: { labels: [

0热度

1回答

如何在Chart.JS逗号的条形图上给出自动生成的y轴值？

我加入逗号到我的数据值，如下所示： ctx.fillText(addCommas(dataset.data[i]), model.x, y_pos); . . . function addCommas(nStr) { nStr += ''; x = nStr.split('.'); x1 = x[0]; x2 = x.length > 1 ? '.' +

1热度

1回答

返回百分比chart.js（v2 +）图例

Chart.js 2+不会为饼图中的图例项目返回百分比。我在我的HTML名为#legend的单独项目中存储图例。然后我将其设置为innerHTML至。它同时返回的颜色和名字，但我希望能够覆盖这个HTML模板也返回百分比，所以从恰似输出变为：一个乙 Ç 到： A（13％） B（50％） Ç 我用于与legendTemplate参数来做到的，但它似乎不工作了（37％）： legendTemp

0热度

1回答

Chart.js：如何处理雷达图中的非常大和非常小的值？

如果不同标签的尺寸大小相同，则雷达图工作正常。 [jsFiddle] 如果任何标签具有相对于其它标记物非常大的值，图表被挤压以一条直线。看起来很可怕。 [jsFiddle] This question展示了如何设置自定义scaleStepWidth和scaleStep，但如果我用它去图表过去它的边界。 [jsFiddle] 有没有什么办法来为不同的标签设置不同的scaleStepWidth？

0热度

1回答

Chart.js 2.2.x - 如何访问我的数据集中一个点的像素坐标

我正在为我的图表（ChartJS 2.2.2）创建一个插件，为此我需要每个点的像素位置我的数据集。在视察chart.config.data.datasets[0]._meta[0]，我得到以下对象：但是，当我直视着我的插件代码访问x域，返回的值是不同的。命令： chart.config.data.datasets[0]._meta[0].dataset._children[0]._model.

0热度

1回答

Chart.js/HTML画布 - 移动线条

我需要使用Chart.js在HTML画布上移动垂直线。我使用这个： this.chart.ctx.beginPath(); this.chart.ctx.moveTo(point.x, scale.startPoint + 24); this.chart.ctx.strokeStyle = '#ff0000'; this.chart.ctx.lineTo(point.x, scale.en

0热度

1回答

图表js：如何更改Y轴的值？

如何在Chart.js v2中向Y轴添加°C？这些值由Chart.js库自动生成。这是我的代码： var chartInstance = new Chart(ctx, { type: 'bar', data: data, options: { scales: { yAxes: [{ ticks: {

-1热度

2回答

为什么我的折线图不显示（Chart.JS）？

我正在显示一个饼图和一个条形图，但我的折线图，具有相同类型的代码，不显示，我不知道为什么。这里是我的代码： HTML <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.1.3/Chart.js"></script> . . . <canvas id="forecastLineChart"></canvas> JQU

0热度

1回答

如何防止悬停数据在Chart.JS中显示？

我有一个水平条形图，看起来像这样： ...但是像这样，当我将鼠标悬停它：我试图阻止显示的“悬停数据”是这样的： var priceBarChart = new Chart(ctxBarChart, { type: 'horizontalBar', showTooltips: false, data: barChartData, option