Chart.js - 折线图格式数据到 Lacs/Crres

Posted

技术标签:

【中文标题】Chart.js - 折线图格式数据到 Lacs/Crres【英文标题】:Chart.js - Line Chart format data to Lacs/Crores 【发布时间】:2015-11-18 07:15:42 【问题描述】:

JS FIDDLE

我在我的项目中使用ChartJs http://www.chartjs.org/。

在使用Line Chart 时,我用数字填充数据。要求是将数字转换为 lacs/crores。

当我将数字转换为 lacs/crores 并将这些值应用于图表时,图表不显示任何线条,但我可以看到以 lacs/crores 转换的实际数据作为工具提示。

var lineChartData = 
    "datasets": [
        "data": [
        numConvertion(10000000),
        numConvertion(12000000),
        numConvertion(18000000),
        numConvertion(22000000)],
            "pointStrokeColor": "#fff",
            "fillColor": "rgba(220,220,220,0.5)",
            "pointColor": "rgba(220,220,220,1)",
            "strokeColor": "rgba(220,220,220,1)"
    ],
        "labels": [
        "Jun-2015",
        "July-2015",
        "Aug-2015",
        "Sep-2015", ]
;

如何解决chart.js中以lacs/crores格式显示数字的问题?

【问题讨论】:

【参考方案1】:

您应该使用图表的 scaleLabel 选项来格式化您的 Y 轴标签。我已经更新了jsfiddle

【讨论】:

完美运行...是否也可以更改工具提示中的格式? 是的。更新了fiddle。还有一件事,如果有帮助,请接受答案。:)

以上是关于Chart.js - 折线图格式数据到 Lacs/Crres的主要内容,如果未能解决你的问题,请参考以下文章

chart.js 折线图不显示超过图表中某个点的线

Chart.js - 如何在加载时将折线图数据集设置为禁用

web页面 chart.js 怎样在折线图的点上显示对应数值?

Chart.js 折线图未显示

如何使用 Chart.js 向我的折线图添加点击事件

折线图不适用于 time chart.js 类型