2009-04-07 2 views
24

Ссылаясь на вид диаграммы, показанной здесь: http://code.google.com/apis/visualization/documentation/gallery/barchart.htmlКак удалить ось x с гистограммы, созданной API визуализации Google?

не кажется Там быть простой переключатель, и изменение цвета оси к белому (на белом фоне), похоже, не делать ничего. Я даже попробовал jquery, чтобы скрыть селектор, созданный выходом api, но без кубиков.

ответ

3

Их API не имеет функции для этого на самом деле, но:

chart.draw(data, 
    { 
     width: 400, 
     height: 240, 
     is3D: true, 
     legend :'none', 
     axisFontSize : 0 
    }); 

Установка axisFontSize в 0 удалит данные оси х. :)

1

axisFontSize: 0 удалит данные по оси X и оси Y

0

Заканчивать http://code.google.com/apis/chart/docs/gallery/bar_charts.html#axis_label_styles

оси Стили меток chxs "axis_or_tick"

Вы заметите эту документацию: «_ - (Подчеркивание) Не используйте ни оси, ни отметками. Если вы хотите скрыть ось, используйте это значение. "

Пример: 'chxs = 0,, 0,0, _'

3

Google изменяет API так быстро, это то, что работает сегодня:

chart.draw(daily, { 
    hAxis : {textColor: '#ffffff'}, 
    [... your other options here ...] 
}); 
+0

Благодаря спариванию, помог мне отлично :) – BlackDivine

+0

вы знаете, как я могу изменить курсор на руку, когда я парить делать на hAxis? –

+0

Это ужасное решение. Это зависит от того, что у вас белый фон, и, вероятно, не удастся, если пользователь перетащит курсор над областью текста. –

62

Вы можете установить hAxis.textPosition к значению 'none'

Например:

var options = { 

       hAxis: { textPosition: 'none' }, 
      }; 

chart.draw(data, options); 

См https://developers.google.com/chart/interactive/docs/gallery/barchart#Configuration_Options

+1

если я хочу удалить ось y с меткой. что делать? –

+1

@InnovativeThinker hAxis означает «горизонтальная ось», поэтому, чтобы изменить другую, которую вы используете, vAxis, как и в «вертикальной оси» – Chris

+0

, удаляет текст, но не возвращает ранее используемое пространство. На левой стороне есть дополнительное дополнение – roberthuttinger

1

Мне удалось удалить ярлык в материальной версии диаграммы, удалив строку в моем datatable.

До:

data.addColumn('string', 'Date'); 

После:

data.addColumn('string', ''); 
0

let options = {legend: { position: 'none' }};

+2

Хотя этот фрагмент кода может решить вопрос, [включая объяснение] (// meta.stackexchange.com/questions/114762/explaining-entirely-code-based-answers) действительно помогает улучшить качество вашего поста. Помните, что вы отвечаете на вопрос читателей в будущем, и эти люди могут не знать причин вашего предложения кода. Также попробуйте не толковать код с пояснительными комментариями, что уменьшает читаемость кода и объяснений! –

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