Char.Js 学习使用

class="aui-col-xs-6" style="border:none;">"first" width="620" height="240" style="float:left;">

    

this.Line = function(data,options){
    
        chart.Line.defaults = {
            //网格线显示在数据的上方
            scaleOverlay: false,
            //硬编码重写y轴网格线
            scaleOverride: false,
            //y轴刻度的个数
            scaleSteps: null,
            //y轴每个刻度的宽度
            scaleStepWidth: null,
            //y轴的起始值
            scaleStartValue: null,
            //x轴和y轴的颜色
            scaleLineColor: "rgba(0,0,0,0.1)",
            //x轴和y轴的线的宽度
            scaleLineWidth: 1,
            //是否显示y轴的标签
            scaleShowLabels: true,
            //标签显示值
            scaleLabel: "",
            //x轴和y轴标签的字体
            scaleFontFamily: "‘Arial‘",
            //标签字体的大小
            scaleFontSize: 12,
            //标签字体的样式
            scaleFontStyle: "normal",
            //标签字体的颜色
            scaleFontColor: "#666",
            //是否显示网格线
            scaleShowGridLines: true,
            //网格线的颜色
            scaleGridLineColor: "rgba(0,0,0,.08)",
            //网格线的线宽
            scaleGridLineWidth: 1,
            //是否是曲线
            bezierCurve: true,
            //是否显示点
            pointDot: true,
            //点的大小
            pointDotRadius: 4,
            //点的边框的大小
            pointDotStrokeWidth: 2,
            //是否显示数据集的笔画
            datasetStroke: false,
            //数据线的线宽度
            datasetStrokeWidth: 2,
            //图标上的阴影部分
            datasetFill: true,
            //是否使用动画效果
            animation: true,
            //动画的步骤数(帧)
            animationSteps: 60,
            //动画效果
            animationEasing: "easeOutQuart",
            //动画完成时的回调
            onAnimationComplete: null
        };