用echart画图表

用echart画图表的

请问这两种图表咋画呀，应该用哪个模板改呢？

热力图和盒须图

http://www.isqqw.com/
这个里面找找 。

第一个是热力图；第二个不知道，可能是K线图吧

• 你可以参考下这个问题的回答, 看看是否对你有帮助, 链接: https://ask.csdn.net/questions/7641884
• 这篇博客也不错, 你可以看下【echart数组数据】echarts两条或两条以上x轴不同的线合并x轴 含有不连续数据
• 除此之外, 这篇博客: echart图表 宽高度自适应中的 使页面一加载echart图表就自适应屏幕大小 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  

• window.onload=function(){
  	resizeWorldMapContainer(scatterechartDom);
  	echartCanvas();
  }
  

  到这来就完成啦~
  tips： div一开始无需设置固定的宽高度

• 您还可以看一下 童金浩老师的跟风舞烟学大数据可视化－Echarts从入门到上手实战课程中的 【大数据可视化技术：Echarts】课程目标小节, 巩固相关知识点
  
• 以下回答由chatgpt基于相关博客总结生成:

  对于问题中提到的两种图表，根据参考资料中的提示，可以通过使用echarts和相应的模板来进行绘制。以下是每种图表的具体解决方案：

  1. 散点图：
  2. 首先，引入echarts库： ```
     

  ```

  • 在页面加载时，创建一个容器用于显示图表，并设置其自适应屏幕大小的样式： ``` window.onload = function() { resizeWorldMapContainer(scatterechartDom); echartCanvas(); }

  function resizeWorldMapContainer(dom) { dom.style.width = window.innerWidth + 'px'; dom.style.height = window.innerHeight + 'px'; }

  function echartCanvas() { var myChart = echarts.init(scatterechartDom); // 设置图表的配置项和数据 var option = { // ... }; // 使用刚指定的配置项和数据显示图表 myChart.setOption(option); } ```

  • 在HTML中创建一个div用于显示散点图： ```
    

  ```

  • 通过调整option中的配置项来实现不同效果的散点图，具体可参考echarts的官方文档。

  • 折线图：

  • 同样地，首先引入echarts库。

  • 创建一个容器用于显示图表，并设置其自适应屏幕大小的样式。

  • 在页面加载时，创建折线图： window.onload = function() { var myChart = echarts.init(lineechartDom); // 设置图表的配置项和数据 var option = { // ... }; // 使用刚指定的配置项和数据显示图表 myChart.setOption(option); }

  • 在HTML中创建一个div用于显示折线图： ```
    

  ```

  • 在option中设置折线图的样式，例如折线颜色、面积渐变等，具体可参考echarts的官方文档。

  以上是使用echarts进行绘制散点图和折线图的一般步骤，具体的图表样式和效果可以根据需求进行调整。同时，参考资料中还提供了一些其他的参考和提示，可以根据实际需求进行尝试。如果需要更多具体的代码实例或进一步的帮助，请提供更多详细的信息。