html 柱状图如何定位随着滚动条滚动
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html 柱状图如何定位随着滚动条滚动相关的知识，希望对你有一定的参考价值。
参考技术A 是这种效果吗代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
#echarts_div
top: 300px;
width: 500px;
height: 500px;
position: fixed; /*相对屏幕固定*/
</style>
<script src="https://cdn.bootcss.com/echarts/4.2.1-rc1/echarts-en.common.js"></script>
</head>
<body >
<div id="echarts_div">
</div>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<p>一行</p>
<script>
option =
xAxis:
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
,
yAxis:
type: 'value'
,
series: [
data: [120, 200, 150, 80, 70, 110, 130],
type: 'bar'
]
;
var myChart = echarts.init(document.getElementById('echarts_div'));
myChart.setOption(option);
</script>
</body>
</html> 参考技术B 先画一个矩形，用A色填充，复制矩形，用B色填充,第二个矩形动作设为擦除，将两个矩形重叠，B在A上
请问在Winform中如何实现滚动条随着数据的载入动态滚动？
参考技术A 你说的是在什么控件当中，如果是在text文本框当中，你可以选择在载入数据的时候，textbox1.appendtext（“进行要载入的数据！”）；这样的话，不管你的数据是怎么样的往文本框中累加，滚动条总是在数据载入的最下边！追问
在panel控件上呢？
参考技术B 设置一下属性就行了追问请问怎么设置啊，谢谢！
以上是关于html 柱状图如何定位随着滚动条滚动的主要内容，如果未能解决你的问题，请参考以下文章