榜单
服务器优惠
AI论文
-
改造uCharts打造专属图表
为何要改造uCharts? 为何要改造uCharts? 并不是所有图表插件直接拿来就可以满足客户需求，如果您的UI设计师设计一个图表，如下图: 您会发现这个图表即使在echarts里也不是很好实现，那么就需要我们自己动手去实现。下面就让我们一起来完成，本文旨在抛砖引玉，希望各位朋友能够更好的应用uCharts来完成您的项目。 如果您... -
3 Ad-hoc图表
3 Ad-hoc图表 概览 配置 3 Ad-hoc图表 概览 虽然 简单图表 非常适合访问单个监控项的数据，而 自定义图表 提供定制化选择，但是这两种图表都没法很轻松的快速创建多个监控项的比较图表。 为了解决这个问题，从 Zabbix 2.4 开始可以创建 ad-hoc以非常快速的方式绘制多个监控项的图表。 配置 要创建Ad-hoc图表，... -
2 自定义图表
2 自定义图表 概述 配置自定义图表 图表预览 2 自定义图表 概述 顾名思义，自定义图表提供自定义功能。 虽然简单的图表有利于查看单个项目的数据，但它们不支持配置功能。 因此，如果您想更改图形样式或线条的显示方式或比较几个监控项，例如，单个图表展示接收和转发的流量，您需要一个自定义图表。 自定义图表是手动配置的。 它们可以为一台主机或... -
5.9. 设置图表主题
5.9. 设置图表主题 5.9. 设置图表主题 在body元素、div图表元素上定义dg-chart-theme属性， 即可设置全局、指定图表主题。 例如，将所有图表的前景色设置为红色、背景色设置为蓝色： <body dg-chart-theme = "{color:'red',backgroundColor:'blue'}" > ...... -
8. 图表事件对象
8. 图表事件对象 8. 图表事件对象 图表事件对象 用于定义和封装针对图表数据条目的交互事件信息（比如鼠标单击、双击、滑入、滑出等）， 为图表联动 、 图表事件处理 等功能提供支持。 它的结构规范如下所示： { //事件类型，常用的事件类型包括： //"click"、"dblclick"、"mousedown"、"mouse... -
5.14. 异步加载图表
5.14. 异步加载图表 5.14. 异步加载图表 在看板模板内，除了通过为静态<div>元素设置dg-chart-widget属性定义图表外， 也可以使用看板对象 的 loadChart 函数异步加载图表： 示例： <html> <head> <script type = "text/javascript" > $ ( doc... -
5.10. 设置图表选项
5.10. 设置图表选项 5.10. 设置图表选项 在div图表元素上定义dg-chart-options属性，即可设置图表选项。 例如，设置指定echarts图表不显示标题、图例顶部对齐、坐标系间隔顶部40像素： <div dg-chart-widget = "..." dg-chart-options = "{title:{show:... -
5.8. 设置地图图表
5.8. 设置地图图表 5.8. 设置地图图表 在看板中添加的地图类图表（基本地图、散点值地图、关系地图等），默认只展示中国地图， 如果要使用其他地图，则需要设置图表元素上的dg-chart-map属性。 例如，设置为北京地图： ... < div dg - chart - widget = "..." dg - chart - map = ... -
几何标记与图表类型
概览 点图 point 路径和线（path && line） 区域图 area 区间图 interval 多边形 Polygon 自定义图 schema -
Chart 折线图表
引入 代码演示 多折线 区域填充 渐变折线 API Chart Props datasets 覆盖样式 Chart 折线图表 SVG折线图表, 可绘制多条折线并配置不同的显示规则。 引入 import { Chart } from 'mand-mobile' Vue . component ( Ch...