Highcharts с использованием JSON - цвета границ и меток

Я использую Highcharts в формате JSON. Синтаксис ниже:Highcharts с использованием JSON - цвета границ и меток

var neutral_color = '#c4c4c4', 
    medium_grey = '#929292'; 

lineChartJSON['chart']['plotBorderColor'] = medium_grey; 
lineChartJSON['chart']['plotBorderWidth'] = 1; 
lineChartJSON['chart']['zoomType'] = 'xy'; 

lineChartJSON['yAxis']['gridLineColor'] = medium_grey; 
lineChartJSON['yAxis']['gridLineWidth'] = 1; 
lineChartJSON['yAxis']['labels'] = { style: { color: neutral_color} }; 

lineChartJSON['xAxis']['lineColor'] = medium_grey; 
lineChartJSON['xAxis']['lineWidth'] = 1; 
lineChartJSON['xAxis']['tickColor'] = medium_grey; 
lineChartJSON['xAxis']['labels']['style'] = { color: neutral_color }; 
lineChartJSON['xAxis']['title']['style'] = { color: neutral_color };

Я пытаюсь получить стиль границы вокруг колонн быть пустым или тот же цвет, как цвет фона. Сейчас они по умолчанию белые. А для ярлыков xAxis и yAxis я также хотел бы контролировать этот цвет. Сейчас оба они по умолчанию # 666.

Документация относится к другому формату данных, поэтому я как бы выгляжу в темноте здесь. В то время как lineChartJSON['yAxis']['labels'] = { style: { color: neutral_color} }; не работает, он также не дает мне консольной ошибки, в то время как этот формат делает: lineChartJSON['yAxis']['labels']['style'] = { color: neutral_color};. Ошибка в том, как этот элемент не определен.

Для справки 'lineColor и tickColor работа.

Любые хорошие направляющие или указатели для интерпретации синтаксиса массива Highcharts для JSON против JS?

источник

2017-02-02 J. Hogue

Можете ли вы обратиться к примеру [здесь] (http://jsfiddle.net/j0Lepver/)? Я использовал код, который вы поделили, и он работает - можете ли вы его настроить, чтобы показать проблему? – morganfree

Я вижу это, и я также вижу, что xAxis имеет одну и ту же опцию «label». http://api.highcharts.com/highcharts/xAxis.labels Итак, почему, когда я копирую ваш код и меняю 'yAxis' на' xAxis', делает ли скрипт стоп-рендеринг? Первоначально я пытался получить обе оси меток одного цвета. –

Поскольку объект xAxis не существует, и вы пытаетесь получить доступ к свойству undefined - для доступа к объекту объекта - объект должен быть инициализирован. http://jsfiddle.net/j0Lepver/1/ – morganfree

Ugh ... так что я закончил тем, что использовал CSS для создания деталей, которые я не мог понять, как получить доступ через API. Я должен был использовать много объявлений !important, потому что Highcharts вкладывает столько встроенных элементов SVG, но он достал меня туда, куда я хотел пойти.

источник

2017-02-02 21:39:53

Highcharts с использованием JSON - цвета границ и меток

ответ

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