跨平台图表控件AnyChart快速入门教程(三):学分

本系列教程将为您介绍如何快速掌握AnyChart,本篇教程将为您带来AnyChart中的学分功能。

AnyChart是基于JavaScript (HTML5) 的图表控件。使用AnyChart控件,可创建跨浏览器和跨平台的交互式图表和仪表。AnyChart 图表目前已被很多知名大公司所使用,可用于仪表盘、 表、数据分析、统计学、金融等领域。重要推荐:AnyChart已加入在线订购,超值特惠限时抢购!咨询详情>>

AnyChart现已更新至最新版本8.7.0,九大数据可视化新功能上线,改进了功能并修复了一些bug。新版本,新功能,赶快下载体验吧~(点击查看更新详情

AnyChart最新试用版

总览

积分是在任何图表右下角显示为水印的单个对象。它由四个元素组成:文本,工具提示(alt),URL和图片。如果您想自定义图表中的信用额度的任何部分,可以购买许可证。

文本

可以使用text()方法更改学分文本:

var credits = chart.credits();credits.text("Company");

跨平台图表控件AnyChart快速入门教程(三):学分

工具提示

将积分悬停时会显示工具提示。可以使用alt()方法进行调整。

var credits = chart.credits();credits.alt("Custom tooltip");

积分充当链接。默认情况下,它引用AnyChart 站。您可以使用url()方法更改它。

var credits = chart.credits();credits.url("https://www.anychart.com/buy/");

商标

徽标图片也可以调整。使用logoScr()方法设置自定义图像。

var credits = chart.credits();credits.logoSrc("https://static.anychart.com/images/github.png");

位置

学分排名只能通过CSS进行调整。您可以将属性设置为三个类别:anychart-credits更改信用位置,anychart-credits-logo更改徽标位置和anychart-credits-text更改信用文本位置。

CSS代码:

.anychart-credits{  left: 10px !important;  width: 200px !important;}.anychart-credits-logo{  right: 10px;  left: auto !important;}.anychart-credits-text{  right: 25px;  left: auto !important;}

禁用

要禁用积分,只需将其放入您的代码中,但请记住:只有拥有许可证密钥,它才能起作用。

var credits = chart.credits();credits.enabled(false);

仪表板

如果要使用基于舞台的仪表板布局创建仪表板,则可以使用相同的credits()方法为该阶段配置信用,而不是图表:

// create a stage var stage = anychart.graphics.create("container");// configure stage creditsvar credits = stage.credits();credits.text("Dashboard");

执照

当您购买AnyChart许可证时,您将获得对客户区域的访问权限和许可证密钥。AnyChart试用版具有全部功能,但是使用试用版的方式受到限制,您可能无法从图表中删除信用额。要注册您的副本并启用积分删除功能,请在一开始将其放入您的代码中:

anychart.licenseKey("YOUR-LICENSE-KEY");

您也可以使用AnyChart下载页面上的Online Builder,使用内置的许可证密钥创建自定义的AnyChart二进制文件。

要购买许可证,欢迎咨询在线客服

标签:

声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2019年9月25日
下一篇 2019年9月25日

相关推荐

发表回复

登录后才能评论