首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

有了这些开源库资源,周末终于可以陪女友了

有了这些开源库资源,周末终于可以陪女友了

快速提高效率的开源库,给你整理了,请收藏。快速完成Python项目所需开源库在Python/Django世界中有一句话:我们为语言而来,为社区而留。对我们大多数人来说,这是事实,但让我们置身于Python世界的另一个原因是,我们很容易就有了一个想法,并且可以几个小时内让这个想法快速实现。

使用Chart.js,可以创建各种令人印象深刻的图表,包括条形图,折线图,面积图,线性比例和散点图。它完全兼容各种设备,并利用HTML5Canvas元素进行渲染。以下是使用该库绘制条形图的示例代码。我们将使用Chart.js内容交付网络(CDN)将其包含在此示例中。请注意,使用的数据只是便于说明使用:

从这段代码中可以看出,是通过将类型设置为bar来构造条形图。你还可以将它定义为其他类型-例如将type设置为horizontalBar。通过在backgroundColor数组参数中提供颜色类型来设置条形图的颜色。此代码的输出如下:

2.Chartist.jsChartist.js是一个简单的JavaScript动画库,可以作为前端图表生成器。

在项目中包含Chartist.js库及其CSS文件后,你可以使用它们创建各种类型的图表,包括动画,条形图和折线图,利用SVG动态渲染图表。以下是使用该库绘制饼图的代码示例:

Chartist.js库允许你使用各种预构建的CSS样式,而不是指定项目样式相关的组件,你还可以使用它们来控制创建的图表的外观。例如,预先创建的CSS类.ct-chart用于构建饼图的容器,.ct-golden-section类用于获取宽高比,可以使用响应式设计进行缩放,并为你节省计算固定尺寸的麻烦。Chartist还提供了其他类别的容器比率。

3.D3.jsD3.js是另一个很棒的开源JavaScript图表库。遵循BSD许可协议。它是最流行的可视化库之一,它被很多其他的表格插件所使用。

你可以通过这个神奇的3D动画库,使用HTML5,SVG和CSS可视化你的数据,让你的网站更具吸引力。从本质上讲,D3使你能够将数据绑定到文档对象模型(DOM),然后将数据驱动转换应用到Document中。以下是使用该库绘制简单条形图的示例代码:

使用D3库的主要方法是首先应用CSS样式选择指向DOM节点,然后应用运算符来操作它们-就像在其他DOM框架(如jQuery)中一样。将数据绑定到文档后,调用.enter()函数来为传入数据构建新节点。在.enter()函数之后调用的所有方法将针对数据中的每个项调用。代码输出结果如下:

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180922A0435V00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券