@GreenX5

Как запустить JavaScript в HTML?

Пытаюсь выполнить эту инструкцию (CDN), сверстал страничку, но не запускает график. Не могли бы вы мне помочь поправить синтаксис?

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta http-equiv=Content-Type content="text/html;charset=UTF-8"> 
	<script type="text/javascript" src="https://unpkg.com/lightweight-charts/dist/lightweight-charts.standalone.production.js"></script>

</head>
	<body>
		<script type="text/javascript">
			window.LightweightCharts (
				const chart = LightweightCharts.createChart(document.body, { width: 400, height: 300 });
				const lineSeries = chart.addLineSeries();
				lineSeries.setData([
					{ time: '2019-04-11', value: 80.01 },
					{ time: '2019-04-12', value: 96.63 },
					{ time: '2019-04-13', value: 76.64 },
					{ time: '2019-04-14', value: 81.89 },
					{ time: '2019-04-15', value: 74.43 },
					{ time: '2019-04-16', value: 80.01 },
					{ time: '2019-04-17', value: 96.63 },
					{ time: '2019-04-18', value: 76.64 },
					{ time: '2019-04-19', value: 81.89 },
					{ time: '2019-04-20', value: 74.43 },
				]);
			);
		</script>
	</body>
</html>
  • Вопрос задан
  • 124 просмотра
Решения вопроса 1
Bavashi
@Bavashi
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta http-equiv=Content-Type content="text/html;charset=UTF-8"> 
  <script type="text/javascript" src="https://unpkg.com/lightweight-charts/dist/lightweight-charts.standalone.production.js"></script>

</head>
  <body>
    <script type="text/javascript">
      window.LightweightCharts = function() {
        const chart = LightweightCharts.createChart(document.body, { width: 400, height: 300 });
        const lineSeries = chart.addLineSeries();
        lineSeries.setData([
          { time: '2019-04-11', value: 80.01 },
          { time: '2019-04-12', value: 96.63 },
          { time: '2019-04-13', value: 76.64 },
          { time: '2019-04-14', value: 81.89 },
          { time: '2019-04-15', value: 74.43 },
          { time: '2019-04-16', value: 80.01 },
          { time: '2019-04-17', value: 96.63 },
          { time: '2019-04-18', value: 76.64 },
          { time: '2019-04-19', value: 81.89 },
          { time: '2019-04-20', value: 74.43 },
        ]);
      }();
    </script>
  </body>
</html>
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Библиотека ещё не загружена. Надо повесить обработчик на событие, например load. И уже в нём проводить инициализацию.
<script>
    window.addEventListener('load', () => {
        …
    });
</script>
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Artezio Нижний Новгород
от 130 000 до 180 000 ₽
Artezio Москва
от 160 000 до 220 000 ₽
Intspirit Краснодар
от 80 000 до 150 000 ₽
27 янв. 2021, в 20:47
30000 руб./за проект
27 янв. 2021, в 20:38
1000 руб./за проект
27 янв. 2021, в 20:26
1600 руб./за проект