chart.js参数问题
来源:互联网 发布:苹果手机电池修复软件 编辑:程序博客网 时间:2024/04/26 05:03
chart.js参数问题
标签: chart.jsjavascript
2015-11-12 14:06 2631人阅读 评论(0)收藏举报
分类:
- var lineChartData = {
- labels : ["09/12","09/13","09/14","09/15","09/16","09/17","09/18"], //X轴 坐标
- datasets : [
- {
- fillColor : "transparent", // 背景色
- strokeColor : "#ef7c1f", // 线
- pointColor : "#ef7c1f", // 点
- pointStrokeColor : "#fff", // 点的包围圈
- data : [120,140,110,130,150,170,160] // Y轴坐标
- },
- {
- fillColor : "transparent",
- strokeColor : "#3dc448",
- pointColor : "#3dc448",
- pointStrokeColor : "#fff",
- data : [80,90,80,100,110,130,100]
- }
- ]
- }
- var defaults = {
- //Boolean - If we show the scale above the chart data
- scaleOverlay : false,
- //Boolean - If we want to override with a hard coded scale
- scaleOverride : false,
- //** Required if scaleOverride is true **
- //Number - The number of steps in a hard coded scale
- scaleSteps : null,
- //Number - The value jump in the hard coded scale
- scaleStepWidth : 20,
- // Y 轴的起始值
- scaleStartValue : null,
- // Y/X轴的颜色
- scaleLineColor : "rgba(0,0,0,.1)",
- // X,Y轴的宽度
- scaleLineWidth : 1,
- // 刻度是否显示标签, 即Y轴上是否显示文字
- scaleShowLabels : true,
- // Y轴上的刻度,即文字
- scaleLabel : "<%=value%>",
- // 字体
- scaleFontFamily : "'Arial'",
- // 文字大小
- scaleFontSize : 12,
- // 文字样式
- scaleFontStyle : "normal",
- // 文字颜色
- scaleFontColor : "#666",
- // 是否显示网格
- scaleShowGridLines : false,
- // 网格颜色
- scaleGridLineColor : "rgba(0,0,0,.05)",
- // 网格宽度
- scaleGridLineWidth : 2,
- // 是否使用贝塞尔曲线? 即:线条是否弯曲
- bezierCurve : false,
- // 是否显示点数
- pointDot : true,
- // 圆点的大小
- pointDotRadius : 8,
- // 圆点的笔触宽度, 即:圆点外层白色大小
- pointDotStrokeWidth : 2,
- // 数据集行程
- datasetStroke : true,
- // 线条的宽度, 即:数据集
- datasetStrokeWidth : 2,
- // 是否填充数据集
- datasetFill : false,
- // 是否执行动画
- animation : true,
- // 动画的时间
- animationSteps : 60,
- // 动画的特效
- animationEasing : "easeOutQuart",
- // 动画完成时的执行函数
- onAnimationComplete : null
- }
- var myLine = new Chart(document.getElementById("canvas").getContext("2d")).Line(lineChartData, defaults);
阅读全文
0 0
- chart.js参数问题
- chart.js参数问题
- chart.js 参数说明
- JS Chart
- Chart.js
- Chart.js
- js柱状图 js chart
- 使用chart.js插件与响应式问题
- React D3.js pie chart | 解决label重叠的问题
- dojo中chart参数
- js参数问题
- js传递参数问题
- js chart画图表
- chart图表js
- Android实现Chart.js
- Chart.js报表制作
- flash chart (js;swfobject)
- Chart.js报表制作
- leetcode 119. Pascal's Triangle II 杨辉三角形2
- CSS3过渡
- Android开发:最全面、最易懂的Webview使用详解
- IE格式化日期显示NaN的问题
- 深入理解计算机系统(2.1)------信息的存储和表示
- chart.js参数问题
- java类加载
- 反转链表
- 方法引用
- ArrayList,Vector,LinkedList的存储性能和特性
- 使用AFNetWorking POST请求时 传数组和字典嵌套的问题
- SQL通过角色创建只能访问指定视图的用户
- java中的几种基础排序,查找方法
- 浅析Java语言慢的原因