ECharts de Baidu

Personne ne sait d'une Echarts (http://echarts.baidu.com) exemple:

  • Utilise uniquement des caractères anglais
  • Correctement les importations de tout le nécessaire comprend à partir d'une structure de répertoire local
  • Œuvres

Tous les Echarts exemples sont présentés très bien, mais il n'y a pas d'exemples qui montrent comment déployer et exécuter localement (en anglais) que (et c'est plutôt important).

De mes nombreux "copier et coller" puis modifier efforts je viens d'obtenir sans fin d'un fichier non trouvé des messages et des personnages mystérieux tous sur la place (pour être honnête, ils sont des caractères Chinois, mais je ne vois qu'eux aussi mystérieux tildes). J'ai aussi téléchargé le github sampes et cherché sur Google mais sans succès.

La bibliothèque de l'air absolument génial, mais je ne peux pas déchiffrer 🙁

Un seul .page jsp exemple en anglais (qui fonctionne). Quelqu'un sait où je peux en trouver un?

Grâce

Je pense que @runninghair08 la réponse devrait être accepté.

OriginalL'auteur Andrew NZ | 2015-01-13

  1. 6

    Il y a un exemple dans leur github, expliquant clairement la façon d'utiliser le graphique
    je viens de tester, ça marche très bien

    dossié Exemple sur github

    <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>ECharts</title>
</head>
<body>
<!--Step:1 Prepare a dom for ECharts which (must) has size (width & hight)-->
<!--Step:1 为ECharts准备一个具备大小（宽高）的Dom-->
<div id="main" style="height:500px;border:1px solid #ccc;padding:10px;"></div>
<div id="mainMap" style="height:500px;border:1px solid #ccc;padding:10px;"></div>
<!--Step:2 Import echarts-all.js-->
<!--Step:2 引入echarts-all.js-->
<script src="js/echarts-all.js"></script>
<script type="text/javascript">
//Step:3 echarts & zrender as a Global Interface by the echarts-plain.js.
//Step:3 echarts和zrender被echarts-plain.js写入为全局接口
var myChart = echarts.init(document.getElementById('main'));
myChart.setOption({
tooltip : {
trigger: 'axis'
},
legend: {
data:['蒸发量','降水量']
},
toolbox: {
show : true,
feature : {
mark : {show: true},
dataView : {show: true, readOnly: false},
magicType : {show: true, type: ['line', 'bar']},
restore : {show: true},
saveAsImage : {show: true}
}
},
calculable : true,
xAxis : [
{
type : 'category',
data : ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月']
}
],
yAxis : [
{
type : 'value',
splitArea : {show : true}
}
],
series : [
{
name:'蒸发量',
type:'bar',
data:[2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3]
},
{
name:'降水量',
type:'bar',
data:[2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3]
}
]
});
//--- 地图 ---
var myChart2 = echarts.init(document.getElementById('mainMap'));
myChart2.setOption({
tooltip : {
trigger: 'item',
formatter: '{b}'
},
series : [
{
name: '中国',
type: 'map',
mapType: 'china',
selectedMode : 'multiple',
itemStyle:{
normal:{label:{show:true}},
emphasis:{label:{show:true}}
},
data:[
{name:'广东',selected:true}
]
}
]
});
</script>
</body>
</html>
    Bien trouvé Kamyar, ça fonctionne! Maintenant, pour certains d'expérimentation.
    votre exemple de lien donne 404.

    OriginalL'auteur Kamyar Gilak

  2. 4

    ECharts offre une version anglaise de leur site, y compris des exemples et de la documentation, je devine que vous ne voyez pas basé sur votre question.

    https://ecomfe.github.io/echarts/index-en.html

    (Au moment de cette édition, ils ont besoin de mettre à jour leur connaissance de l'anglais docs pour la version 3.0 de echarts).

    https://ecomfe.github.io/echarts/doc/example-en.html

    Cela étant dit, il y a toujours des moments où vous souhaitez l'ensemble .js et de ses chaînes par défaut en anglais, mais Google Translate peut y aider.

    OriginalL'auteur mg1075

  3. 4

    Juste au cas où les développeurs sont toujours à la recherche de la version anglaise de echarts, le cdn lien ci-dessous les liens vers la version en anglais:

    https://cdnjs.com/libraries/echarts

    Fonctionne très bien pour moi.

    Si vous préférez télécharger votre propre copie, vous pouvez modifier officiel lien de téléchargement raw.githubusercontent.com/ecomfe/echarts/4.1.0.rc2/dist/... en ajoutant -en suffixe raw.githubusercontent.com/ecomfe/echarts/4.1.0.rc2/dist/... et comme. J'ai l'impression que c'est un bug sur leur site web, de ne pas respecter choisis locale.

    OriginalL'auteur nizantz

  4. 1

    Si quelqu'un se demande. Quelqu'un l'a fait traduire la totalité de leur .js à l'anglais, de sorte que les boutons et les commandes s'affichent en anglais. Ce gars-là également demandé de fusionner son "anglais" de la version master sur github, mais je suppose qu'ils ne sont pas encore intéressés.

    J'ai testé son fichier js et il est en anglais. Le lien vers le fichier zip est également inclus. Mais juste au cas où il peut être trouvé ici - Télécharger

    https://github.com/ecomfe/echarts/issues/2321

    ECharts de Baidu

    OriginalL'auteur Annjawn

  5. 0

    Les données sont affichées dans le Chinois,le Code de la structure et cadre en anglais.Ignorer les données spécifiques,essayez de mettre certaines données que vous souhaitez afficher.

    démon en anglais:
    http://echarts.baidu.com/echarts2/doc/example-en.html

    Généralement lien-seulement les réponses ne sont pas privilégiées. Pouvez-vous ajouter un exemple de code dans la réponse?

    OriginalL'auteur Mr YI