JavaScript Charts兼容性好的JavaScript、HTML5图表开发工具，能满足大部分的开发需求，包括序列图表（列型图，条形图，线型图，面积图，步骤折线图，平滑折线图，蜡烛图，ohlc图），饼图/环形图，雷 达图/极区图以及xy图/散点图/气泡图。

最新发布的v3.17.0版本做出了如下更新：

• CategoryAxis新增widthField属性。你可以使用此字段指定列相对宽度，并且可使用这个新功能产生Mekko图。

在前端开发中，App或者Web Page性能的好坏和响应速度，尤其是App端显得格外重要，一直都是前端很头疼的问题。专业的测试工具可以知道自己的网页还有哪些需要优化的地方，总体的评分是多少，是否合乎用户体验标准。

img图片等比例缩放的方法

HTML中，要修改img元素定义的图片的大小，且是等比例缩放，不改变宽和高的比值，那么可以采用只设置img元素属性中width和height中的任何一个，不要同时设置两个即可实现img图片的等比例缩放效果。下面将通过两个实例来分别实现这两种方法。

对象

import QtQuick 2.2

Rectangle {	
    width: 320;	// 属性初始化
    height: 480;

    Image {
        source: "images/IMG_001.jpg";
        anchors.centerIn: parent;
    }
}

幽蓝君发现一个问题，仓颉开发语言距离发布马上一年了，一些知名App已经使用仓颉开发了许多功能，但是网络上关于仓颉开发语言的教程少之又少，系统性的教程更是没有，仓颉官网的文档也远远不如ArkTS详尽。

现阶段对于想学习仓颉的友友来说非常困难，幽蓝君能做一个针对移动开发者的系列教程，从零开始到一个完整的应用，系统的讲述仓颉开发语言。希望能对大家有所帮助。

今天介绍的是仓颉语言中的UI组件。