EmotionComputer

桑基图的特点：桑基图由流量、节点、边构成，起始流量和结束流量相同，保持能量守恒。

echarts配置

参考链接：https://cloud.tencent.com/developer/article/1511384一个指标，可以用一个Y轴表示；两个指标，也可以用一个Y轴来表达，但是如果这两个指标数据相差很大，

在可视化组件库highcharts、echarts中，各种配置，天花乱坠，让人一头雾水。其实，找到对应的配置很简单。首先，我们要明白一张图表都有什么一般情况下，一张图表包含标题Title、坐标轴Axis(xAxis和yAxis)、数据(categories和series)、数据提示框Tooltip、图例Legend、版权标签Credits等，另外还可以包括导出功能按钮Exporting、标示线（PlotLines）、标示区域（PlotBands）、数据标签（dataLabels）等。这里重点说下数

echarts的图表是画在canvas上的， 可以通过grid设置来调整图表与canvas的间距：myChart.setOption({ option: { title: { text: 'ECharts 入门示例' }, //设置canvas内部表格的内距 grid:{ x:5...

去除趋势图、折线图上的散点：marker:{ enabled: false}

如果我们手中 只有解决具体问题的工具，没有统一的方法论，那我们也无法一劳永逸地解决问题的根本。不管我 们用什么绘图系统绘制图形，一般的几何图形都是由点、线段和面构成。其中，点和线段 是基础的图元信息，因此，如何描述它们是绘图的关键。因此，我们要建立一套与各个图形系统无关联的、简单的基于向量和矩阵运算的数学体 系，用它来描述所有的几何图形信息。如何用向量来描述点和线段? 一个向量包含有长度和方向信息在可视化的许多应用场景中，我们都 要处理成百上千的图形。如果这个时候，我们在原始坐标下通过计算顶点来绘制图

WebGL 是一项在网页浏览器呈现3D画面的技术，有别于过去需要安装浏览器插件，通过 WebGL 的技术，只需要编写网页代码即可实现3D图像的展示。WebGL 可以为 Canvas 提供硬件3D加速渲染，这样 Web 开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了。在这篇文章中20个不可思议的 WebGL 示例来增强你对于这个新技术的理解。1. AquariumImage Source:www.webglsamples.orgCreated by Greggman and Hum