У меня есть диаграмма iframe с какого-то веб-сайта, и все, что я хочу сделать, это добавить горизонтальную линию, бросив диаграмму. Я добавляю немного JS, но это не дает эффекта. Интересно, может ли кто-нибудь помочь мне с этим.
это код:
<!DOCTYPE html>
<html>
<head>
<title></title>
<script
src="https://code.jquery.com/jquery-3.3.1.min.js"
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous"></script>
</head>
<body>
<iframe id="frame" width="450" height="260" style="border: 1px solid #cccccc;" src="https://thingspeak.com/channels/507016/charts/1?bgcolor=%23ffffff&color=%23d62020&dynamic=true&results=60&title=Height+Level+River+%28Murazzi+Po%29&type=line&xaxis=Time+&yaxis=Measured+Height+%28+m+%29"></iframe>
</body>
</html>
и это JS, который помогает мне вводить
<script type="text/javascript">
var $iframe = $('#frame');
$iframe.ready(function() {
setTimeout( function(){
$iframe.contents().find(".highcharts-series-group").append('<path fill="none" d="M 62 132.5 L 415 132.5" stroke="#010" stroke-width="1" zIndex="1" opacity="1"></path>');
} , 3000 );
</script>
Я жду 3 секунды, чтобы убедиться, что iframe загружается полностью.
любая помощь будет оценена.