2017-01-08 7 views
2

Предположим, что у меня есть ось x со значениями от 0 до 2049. Мои значения - это серия. То, что мне нужно было бы сделать, чтобы отобразить только 0,500,1000,1500,2000, т. Е. Каждые 500 тиков, я еще не нашел примера. Я пробовал макс-метки, но поскольку мои значения больше 2000, я не получаю кратных 500. Есть ли способ достичь этого?Отображение ZingChart кратным значению по оси x

ответ

4

У вас есть scale-x, вы имели в виду scale-y?

Если вы говорите о scale-y вы можете установить minValue, maxValue и step между чешуйками. Вы можете установить их отдельно, или вы можете установить их как values: 'minValue:maxValue:step'. itemsOverlap просто заставляет все элементы визуализировать, даже если их высота или ширина перекрывают элемент выше или ниже него.

var myConfig = { 
 
    \t type: 'bar', 
 
    \t scaleY: { 
 
    \t values: '0:2000:500', 
 
    \t maxItems: 5, 
 
    \t itemsOverlap: true, 
 
    \t }, 
 
\t series: [ 
 
\t \t { 
 
\t \t \t values: [2235,4442,3367,1389,2325,3334,4567,2385] 
 
\t \t } 
 
\t ] 
 
}; 
 

 
zingchart.render({ 
 
\t id: 'myChart', 
 
\t data: myConfig, 
 
\t height: '100%', 
 
\t width: '100%' 
 
});
html, body { 
 
\t height:100%; 
 
\t width:100%; 
 
\t margin:0; 
 
\t padding:0; 
 
} 
 
#myChart { 
 
\t height:100%; 
 
\t width:100%; 
 
\t min-height:150px; 
 
} 
 
.zc-ref { 
 
\t display:none; 
 
}
<!DOCTYPE html> 
 
<html> 
 
\t <head> 
 
\t \t <script src= "https://cdn.zingchart.com/zingchart.min.js"></script> 
 
\t </head> 
 
\t <body> 
 
\t \t <div id="myChart"><a class="zc-ref" href="https://www.zingchart.com">Powered by ZingChart</a></div> 
 
\t </body> 
 
</html>

Если это ответ не то, что вы ищете, пожалуйста, сообщите.

Весы документация:

https://www.zingchart.com/docs/tutorials/chart-elements/configure-chart-scales/

https://www.zingchart.com/docs/api/json-configuration/graphset/scale-x/

+0

это на самом деле ось х, которая должна быть multples 500. Мои ценности серии, и они более 2000, – Spiff

 Смежные вопросы

  • Нет связанных вопросов^_^