chart.js(intermediate value).Line is not a function

<script>

var ctx = document.getElementById("myChart");
var data = {
        labels: ["2014-10", "2014-11", "2014-12", "2015-1", "2015-2", "2015-3"],
        datasets: [{
            label: "",
            fillColor: "rgba(220,220,220,0.2)",
            strokeColor: "rgba(0,102,51,1)",
            pointColor: "rgba(220,220,220,1)",
            pointStrokeColor: "#339933",
            pointHighlightFill: "#339933",
            pointHighlightStroke: "rgba(220,220,220,1)",
            data: [1.27, 1.30, 1.30, 1.41, 1.04, 1.29]
        }]
    };
    // var salesVolumeChart = new Chart(ctx).Line(data);
    /*
    var salesVolumeChart = new Chart(ctx).Line(data, {
        // 小提示的圆角
        // tooltipCornerRadius: 0,
        // 折线的曲线过渡，0是直线，默认0.4是曲线
        bezierCurveTension: 0,
        // bezierCurveTension: 0.4,
        // 关闭曲线功能
        bezierCurve: false,
        // 背景表格显示
        // scaleShowGridLines : false,
        // 点击的小提示
        tooltipTemplate: "<%if (label){%><%=label%> 销量：<%}%><%= value %>万辆",
        //自定义背景小方格、y轴每个格子的单位、起始坐标
        scaleOverride: true,
        scaleSteps: 9.5,
        // scaleStepWidth: Math.ceil(Math.max.apply(null,data.datasets[0].data) / 0.1),
        scaleStepWidth: 0.05,
        scaleStartValue: 1
    });
    */
    
    var salesVolumeChart = new Chart(ctx, {
        type:'line',
        data: data
    });
</script>

chart.js(intermediate value).Line is not a function

http://blog.csdn.net/lanyang123456/article/details/68957508

原创 2017年04月03日 10:36:45

• 标签：
• chart.js

• 1742

chart.js是一款网页中绘制图表的JavaScript框架，能够根据需要画出各种图表，而且文档全面细致，值得一用。

下面介绍一个自己使用过程中遇到的坑，给后来者提个醒。

问题：

代码：

new Chart(ctx).Line(data,options);

• 1

问题：

chart.js(intermediate value).Line is not a function

原因：

这是由于chart代码版本和其说明文档版本不匹配造成的。下载的代码版本是v2.5.0，使用的说明文档却是v1.xx的文档。 
代码下载：http://www.bootcss.com/p/chart.js/ 
文档链接http://www.bootcss.com/p/chart.js/docs/，这个文档没有具体说明是针对哪个代码版本的文档，容易让人误入歧途。

推荐使用官网地址： 
https://github.com/chartjs/Chart.js 
http://www.chartjs.org/docs/

正确使用方法：

new Chart(ctx, {
    type:'line',
    data: data
});

• 1
• 2
• 3
• 4

所以以后使用库，一定要注意使用的是哪个版本。

参考：

https://laracasts.com/discuss/channels/vue/chartjs-intermediate-valueline-is-not-a-function 
https://github.com/reactjs/react-chartjs/issues/112

版权声明：本文为博主原创文章，未经博主允许不得转载。