js生成折线图（一条折线或多条折线）

最新推荐文章于 2024-07-26 11:41:15 发布
最新推荐文章于 2024-07-26 11:41:15 发布
阅读量643 收藏
点赞数
文章标签： javascript c# ViewUI
原文链接：http://www.cnblogs.com/xiayang123/archive/2012/10/30/2746466.html
版权

参照 http://hi.baidu.com/nkiqzedjqwadpre/item/75dc612087b1530877272c4d ，自己稍微改进了一下。

代码如下：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="HCXYPlanTB1.aspx.cs" Inherits="Modules_Plan_HCXYPlanTB1" %>

<!-- 代码开始===========================================-->
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<!--[if !mso]>
<style>
v\:*       { behavior: url(#default#VML) }
o\:*       { behavior: url(#default#VML) }
.shape     { behavior: url(#default#VML) }
</style>
<![endif]-->
<head>
  <meta http-equiv="Content-Type" content="text/html;charset=gb2312" />
  <title></title>
  <style type="text/css">
    TD
    { FONT-SIZE: 9pt}
  </style>

  <script language="javascript" type="text/javascript">

  function table2(total,table_x,table_y,all_width,all_height,line_no)
  {
   
  //参数含义(传递的数组，横坐标，纵坐标，图表的宽度，图表的高度,折线条数)
  //生成图表函数2——折线图

   
    var line_color = "#69f";
    var left_width = 70;
    var total_no = total[1].length
   
    var temp1,temp2,temp3
    temp1 = 0;
    for(var i=1;i<total_no;i++)
    {
        for(var j=1;j<=line_no;j++)
        {
          if(temp1<total[j][i])
          temp1 = total[j][i];
        }
    }
    temp1 = parseInt(temp1);
    if(temp1>9)
    {
        temp2 = temp1.toString().substr(1,1);
        if(temp2>4)
        {
          temp3 = (temp1/(Math.pow(10,(temp1.toString().length-1)))+1)*Math.pow(10,(temp1.toString().length-1));
        }
        else
        {
          temp3 = (temp1/(Math.pow(10,(temp1.toString().length-1)))+0.5)*Math.pow(10,(temp1.toString().length-1));
        }
    }
    else
    {
        if(temp1>4)
        {
          temp3 = 10;
        }
        else
        {
          temp3 = 5;
        }
    }
    temp4 = temp3;
    document.write("<v:rect id='_x0000_s1027' alt='' style='position:absolute;left:" + (table_x + left_width) + "px;top:" + table_y + "px;width:" + all_width + "px;height:" + all_height + "px;z-index:-1' fillcolor='#9cf' stroked='f'><v:fill rotate='t' angle='-45' focus='100%' type='gradient'/></v:rec

最低0.47元/天 解锁文章
diaodinggui5429
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
python制作折线图_python 生成折线图
weixin_39631632的博客
11-24 2508
广告关闭腾讯云11.11云上盛惠 ，精选热门产品助力上云，云服务器首年88元起，买的越多返的越多，最高返5000元！数据集可以利用 learning python:part 1- scraping and cleaning the nba draft 部分的内容获得，同时这部分内容也是非常好的python爬虫学习素材。 本文主要记录自己重复以上教程的笔记。 原文内容相对较长，自己将其分成几个部分分...
java生成 折线图
热门推荐
菜猿子的博客
01-21 2万+
标题上图就是生成的效果了, 下面是代码 package com.szboanda.ewaq_hn.jjrbg; import java.awt.BasicStroke; import java.awt.Color; import java.awt.Font; import java.awt.Paint; import java.io.File; import java.io.FileOu...
python一个折线图多条线_手把手教你写一个Python版的K线合成函数
weixin_39553653的博客
01-24 594
在编写、使用策略时，经常会使用一些不常用的K线周期数据。然而交易所、数据源又没有提供这些周期的数据。只能通过使用已有周期的数据进行合成。合成算法已经有一个JavaScript版本了（链接），其实移植一段JavaScript代码为Python版本很简单。接下来我们一起写一个Python版本的K线合成算法。JavaScript版本function GetNewCycleRecords (sourceR...
JAVA集成echars生成折线图
weixin_48041611的博客
03-28 441
java后端集成echars生成多条折线图并保存本地,echars生成图片的标题和图表重合，重叠，固定echars生成图片的Y轴的上下限的值，echars生成图片的图标颜色和线条颜色及加粗设置
echarts动态生成不同条数的折线图
学海无涯，回头是岸
02-23 6230
功能需求背景： 1、后台可自定义折线图的折线名称、数据、数量（几条） 2、满足不同折线图之间随意切换 3、折线图可鼠标拖动缩放和滚动条收缩查看 4、同一页面涉及多个echarts
用Vue3和Plotly.js生成多折线图
ScriptEcho的博客
06-28 376
本代码示例展示了如何使用 Plotly.js 库创建交互式折线图。用户可以在图中点击点以添加注释，从而实现数据可视化和探索。此功能可广泛应用于数据分析、科学研究和教育等领域。使用 Plotly.js 绘制三条折线图，每条线对应一个数据集。当用户点击图中的点时，会在该点处添加一个注释，显示点的 x 和 y 坐标。用户可以点击多个点，在图中添加多个注释。开发这段代码的过程让我深入了解了 Plotly.js 库和交互式图表绘制的技术。
chart.js使用学习——折线图（1：基本用法)
gc_2299的博客
08-18 4541
学习chart.js中折线图的基本用法
java代码实现echarts折线图_ECharts图表使用实例（多条折线图）--JAVA
weixin_36328260的博客
02-23 1467
ECharts图表使用实例(多条折线图)--JAVA1，关于Echarts大家可以到这个网址看一下，还是比较详细的。http://echarts.baidu.com/doc/example.html这个功能还是很强大的，对于喜欢做数据统计来说是美味的。里面也有详尽的api，但是想搞懂，还是太苦涩。通过自己摸索，改良了一下，针对JAVA的，简单易懂多了。此实例只是针对多条折线图来说，其他的并不比这个...
vue+echarts 多条折线图
dengdengchen的博客
05-13 4509
1、数据未使用json格式，直接写在页面 大致效果 页面代码： <template> <!--为echarts准备一个具备大小的容器dom--> <div id="main" style="width: 100%;height: 300px;"></div> </template> <script> import echarts from 'echarts' export default { name: '',
echarts多条折线图动态分层的实现方法
10-16
最后，当 `param.option_type` 等于 6 时，执行上述代码，生成多条折线图。如果需要根据实际需求调整图表的样式或行为，可以通过修改 `option` 对象的各个属性来实现。 总结起来，实现 ECharts 多条折线图动态分层...
D3.js实现折线图的方法详解
11-26
【D3.js实现折线图】 在前端数据可视化领域，D3.js 是一款强大的 JavaScript 库，它允许开发者直接操作DOM元素，并根据数据生成动态的、交互式的图表。本篇将详细介绍如何利用 D3.js 来绘制折线图。 首先，折线图的...
servlet创建增删该查和servlet实现echarts多条折线图
01-20
ECharts则是一个基于JavaScript的开源图表库，由百度开发，用于生成各种丰富的数据可视化图表，包括折线图、柱状图、饼图等。ECharts支持多条折线图，这对于展示多个数据系列的变化趋势尤其有用。实现ECharts多条...
ASP生成柱型体，折线图，饼图源代码
10-31
上述代码中的`table2`函数就是一个生成折线图的函数，它接收多个参数，包括总数据（total）、横坐标（table_x）、纵坐标（table_y）、图表宽度（all_width）、图表高度（all_height）以及折线条数（line_no）。...
asp生成折线图
03-25
5. JavaScript交互：在HTML页面加载完成后，JavaScript代码会读取嵌入的数据，调用图表库的API生成折线图。例如，使用Chart.js，你可以创建一个新的`Chart`实例，指定图表类型（这里是折线图），并传递数据和配置...
【React 】开发环境搭建详细指南
lph159的博客
07-24 1125
无论你是刚刚开始学习 React，还是希望在现有项目中采用 React 技术，搭建一个高效的开发环境都是至关重要的。本文将详细介绍如何从零开始搭建 React 开发环境，涵盖所需的工具和最佳实践，帮助你快速启动并顺利进行开发。Visual Studio Code（VS Code）是目前最流行的代码编辑器之一，提供了丰富的扩展和强大的功能。如果你希望对项目的配置有更多的控制，可以选择手动配置 React 项目。下载并安装最新版本的 Node.js，安装 Node.js 后，npm 会自动安装。
已解决：vue-office/excel 多个sheet点击切换，滚动条高度不重置，表格视图位置不正确
weixin_42289080的博客
07-26 164
解决 @vue-office/excel 多个sheet切换，内容以及滚动条展示不正确的问题
vue el-select的下拉树形结构 带检索功能
最新发布
Jokerxiuka的博客
07-26 127
【代码】vue el-select的下拉树形结构。
Vue3可媲美Element Plus Tree组件实战之移除节点
felix_alone2012的博客
07-25 592
《Element Plus Tree - 自定义节点内容》示例中介绍了移除节点的用法，个人觉得作为提供给用户API，应该遵循迪米特法则，把功能实现的细节封装在组件内部，而提供给用户最简单的操作方式，同时在此基础上支持用户的扩展。因此，在API使用的人性化方便，个人觉得element plus做的并不优秀。为此，我们自定义tree组件时对用户API可以设计的更人性化些。
vue 折线图一条线区分
06-25
Vue.js 是一个流行的前端框架，用于构建用户界面，但它本身并不直接提供折线图组件。然而，你可以使用 Vue.js 结合图表库如 ECharts、Chart.js 或者 Vuetify（后者包含 Vue CLI 集成的图表组件）来创建折线图。 在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值