分类

编程工具

Chartkick(图表绘制工具)

Chartkick(图表绘制工具) 2.2.3 官方版

大小:121 KB

语言:简体中文系统:WinXP, Win7, Win8, Win10, WinAll

类别:编程工具时间:2017-03-16

  Chartkick是一款可以在网页上建立图表的软件,通过该软件,用户可以直接使用代码创建图表,不需要软件,不需要专业程序,利用这款代码直接加载到您的编程软件中就可以直接开发了,对于需要使用得到图标分析的软件来说是非常重要的工具,例如股票软件、办公软件、数据处理软件等方便的软件都能运用,本软件利用Javascript工具进行设计,可以在 Python, JavaScript, React的多种编程软件中开发,支持折线图、饼形图、柱形图、条形图、面积图,需要的朋友可以下载试试!

Chartkick(图表绘制工具) 2.2.3 官方版

软件功能

  使用户能够下载图表。这一切都发生在浏览器中 - 不需要服务器端代码。

  时间可以是时间,时间戳或字符串(字符串被解析)

  访问图表:

  var chart = Chartkick.charts["chart-id"]

  获取基础图表对象:

  chart.getChartObject()

  您还可以使用:

  chart.getElement()

  chart.getData()

  chart.getOptions()

  chart.getAdapter()

  使用以下命令更新数据:

  chart.updateData(newData)

  您还可以指定新选项:

  chart.setOptions(newOptions)

  // or

  chart.updateData(newData, newOptions)

  刷新远程源的数据:

  chart.refreshData()

  重绘图表:

  chart.redraw()

  在图表上循环:

  Chartkick.eachChart( function(chart) {

  // do something

  })

  要为Google图表指定语言,请添加:

  Chartkick.configure({language: "de"});

  在JavaScript文件之后和你的图表之前。

  多个库

  如果加载了多个图表库,请使用以下命令选择:

软件特色

  我们每天使用各种格式呈现的数据。从我的角度来看,用于呈现数字数据的最方便的格式之一是图表。用户喜欢图形,尤其是交互式图形,因为它们漂亮而有趣 - 与静态表相反。

  有许多解决方案可以在网络应用程序中呈现漂亮的交互式图形,但今天我们将讨论一些特别的:为Rails构建的解决方案,使渲染图形变得轻而易举。这个解决方案称为Chartkick,它是由安德鲁·凯恩建造的。Chartkick可以使用Google图

  将Chartkick集成到Rails应用程序中,渲染各种图形,自定义它们,使它们异步加载,以及如何使用groupdate和hightop gem进一步加强代码。

  Chart.js现在是默认适配器如果多个加载 - yay开源!

  轴类型自动检测 - 无需 discrete: true

  更好的日期支持 - 日期不再被视为UTC

  Chartkick使用iso8601.js来解析日期和时间。

使用方法

  使您的网页超载快速,并停止担心超时。给每个图表自己的端点。

Chartkick(图表绘制工具) 2.2.3 官方版

  对于多个系列,chart_json在末尾添加。

  render json: Task.group(:goal_id).group_by_day(:completed_at).count.chart_json

Chartkick(图表绘制工具) 2.2.3 官方版

  min对于具有非负值的图表,默认为0。使用nil让图表库决定。

Chartkick(图表绘制工具) 2.2.3 官方版

  您可以直接将选项传递到图表库:

Chartkick(图表绘制工具) 2.2.3 官方版

  要为所有图表设置选项,请使用以下命令创建初始值config/initializers/chartkick.rb:

Chartkick(图表绘制工具) 2.2.3 官方版

  时间可以是时间,时间戳或字符串(字符串被解析)

Chartkick(图表绘制工具) 2.2.3 官方版

  在下面的说明中,application.js必须包含在视图中的辅助方法之前,除非使用该:content_for选项。

Chartkick(图表绘制工具) 2.2.3 官方版

∨ 展开

网友评论

我要跟帖
取消
所有评论 共 0