使用Highcharts.js添加曲线图并修改曲线图样式

最新推荐文章于 2022-10-18 21:01:34 发布

ccaicainiao

最新推荐文章于 2022-10-18 21:01:34 发布

阅读量1.4k

点赞数

文章标签： highcharts.js 曲线图

本文链接：https://blog.csdn.net/ccaicainiao/article/details/80113174

版权

今天学习项目中用到了曲线图，然后再菜鸟教程里面看到了Highcharts.js，感觉蛮好用的，于是乎添加了一个简单的曲线图

效果图如下：

上代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		
			    
		<link rel="stylesheet" href="css/bootstrap.css" />
		<link rel="stylesheet" href="css/bootstrap-theme.css" />
		<style>
			 html, body { 
			  margin: 0; 
			  word-break: break-all;
			  background: rgba(18,28,40,1); 
			  color: rgba(14,250,248,1);
			 } 
			 #chart{
			 	margin-top:2em ;
			 }
		</style>
		<title></title>
	</head>

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

ccaicainiao

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
使用Highcharts.js添加曲线图并修改曲线图样式

今天学习项目中用到了曲线图，然后再菜鸟教程里面看到了Highcharts.js，感觉蛮好用的，于是乎添加了一个简单的曲线图效果图如下：上代码：&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta http-equiv="X-UA-Compatible" content=&
复制链接

扫一扫