2016-04-11 15 views
0

Ich möchte von Highcharts zu ECharts (vorzugsweise 3) wechseln, aber meine aktuellen Grafiken haben mehrere Serien ('Linien' in meinem Fall), mit jeweils eigenen Yaxis, und es Scheint, dass ECharts dies nicht unterstützt.Echarts: Mehrere Serien (Zeilen) mit eigenen yAxis

enter image description here

Diese Kennzahlen überhaupt nicht betreffen, so dass sie alle ihre eigenen yaxis brauchen. Ich kombiniere sie in einem Diagramm, so dass sie relativ zueinander verglichen werden können (500 Besuche, 30000 €, 3% Umsatz usw.). Es macht keinen Sinn, 500 Visits und 3% Conversion Rate auf denselben Yaxis zu plotten.

Gibt es eine Möglichkeit, jeder Linie ihre eigenen Yaxis zu geben? Es muss nicht sichtbar sein (da es nur zwei mit ECharts geben kann, links/rechts von Canvas, und das ist in Ordnung), aber die Daten müssen auf eine einzelne Achse aufgetragen werden.

Antwort

1

Sie können mehr als eine Y-Achse in echarts hinzuzufügen yaxis Element als Array

2

versuchen, diese

yAxis: [ 
    { 
     type: 'value', 
     name: 'left_yaxis', 
     nameTextStyle: { 
     color: '#fff' 
     }, 
     splitLine:{ 
     show:false, 
     }, 
     axisLabel: { 
     textStyle:{ 
      color:'#fff', 
     } 
     } 
    }, 
    { 
     type: 'value', 
     name: 'right_yaxis', 
     nameTextStyle: { 
     color: '#fff' 
     }, 
     axisLabel: { 
     interval:'0', 
     textStyle:{ 
      color:'#fff', 
     } 
     }, 
     splitLine: { 
     lineStyle: { 
      color: ['#454545'], 
     } 
     }, 
     min:0, 
     //max:800000, 
     splitNumber:5 
    } 
    ], 
+0

Auch wenn Sie Ihre Achse überlappende, überprüfen Sie diese finden: https://stackoverflow.com/questions/45831620/javascript-echarts-multiple-y-axis-overlapping-each-other – Bob

Verwandte Themen