javascript - 百度ECharts

有人知道Echarts(http://echarts.baidu.com)示例:

仅使用英文字符

从本地目录结构

正确导入所有必需的包含

Works

所有Echarts示例都很好地展示了，但是没有示例显示如何在本地(并且这是非常重要的)实际工作的(英语)部署和运行它。

通过多次的“复制和粘贴”然后进行编辑，我得到的文件无处不在，到处都找不到消息和神秘的字符(公平地讲，它们是汉字，但我只把它们看作是神秘的花体)。我还下载了github样本并搜索了Google，但没有成功。

图书馆看上去绝对很棒，但我无法解读它:(

一个英文的.jsp页面示例(有效)会很棒。有人知道我可以在哪里找到吗？

谢谢

最佳答案

这是一个简单的例子。只需将其保存为HTML文件并将其呈现到浏览器中即可。无需下载或配置其他任何内容。它使用一个远程脚本文件，并且没有中文文本:

<!doctype html>
    <html>
    <head>
    	<title>ECharts Sample</title>
    	<script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/4.6.0/echarts-en.min.js"></script>
    </head>
    <body>
    	<div id="chart" style="width: 500px; height: 350px;"></div>
    	<script>
    		var chart = document.getElementById('chart');
    		var myChart = echarts.init(chart);
    		var option = {
    			title: { text: 'ECharts Sample' },
    			tooltip: { },
    			legend: { data: [ 'Sales' ] },
    			xAxis: { data: [ "shirt", "cardign", "chiffon shirt", "pants", "heels", "socks" ] },
    			yAxis: { },
    			series: [{
    				name: 'Sales',
    				type: 'bar',
    				data: [5, 20, 36, 10, 10, 20]
    			}]
    		};
    		myChart.setOption(option);
    	</script>
    </body>
    </html>

eCharts

javascript - 百度ECharts