Я пытаюсь составить калибровочную диаграмму с jqPlot и иметь некоторые проблемы с форматированием ярлыков меток. Можно ли переопределить метки?jqPlot метрическая метка метка форматирование
Я хочу, чтобы метки были добавлены с символом валюты и для тысяч разделительных запятых, которые нужно добавить, и хотя я нашел несколько примеров, которые работают с другими типами диаграмм, они не оказывают никакого влияния на счетчик тип. Кто-нибудь знает как это сделать?
Возможно ли, чтобы метр показал более мелкие отметки? Когда я устанавливаю свои позиции по тику, он показывает меньше мелких тиков.
Я получаю значения со стороны сервера, и это Salesforce, поэтому, если что-то выглядит немного необычным, например, получение значений с помощью {! } форматирование, вот и все.
<apex:page showHeader="true" sidebar="true" controller="TargetsDashCtrl">
<!--[if lt IE 9]><apex:includeScript value="{!URLFOR($Resource.jqPlot, '/dist/excanvas.js')}" /><![endif]-->
<apex:includeScript value="{!URLFOR($Resource.jqPlot, '/dist/jquery.min.js')}" />
<apex:includeScript value="{!URLFOR($Resource.jqPlot, '/dist/jquery.jqplot.min.js')}" />
<apex:includeScript value="{!URLFOR($Resource.jqPlot, '/dist/plugins/jqplot.meterGaugeRenderer.js')}" />
<apex:stylesheet value="{!URLFOR($Resource.jqPlot, '/dist/jquery.jqplot.css')}" />
<style>
.jqplot-title{
font-size:16px;
}
.jqplot-meterGauge-tick, .jqplot-meterGauge-label {
color: #999;
font-size: 14px;
}
</style>
<div id="chartdiv" style="height:300px;width:500px; "></div>
<script>
$j = jQuery.noConflict();
$j(document).ready(function(){
plot = $j.jqplot('chartdiv',[[{!data.actual}]],{
title: '{!data.title}',
seriesDefaults: {
renderer: $j.jqplot.MeterGaugeRenderer,
rendererOptions: {
min: 0,
max: {!data.target},
label: '{!data.actual} - values in \'000 USD',
labelPosition: 'bottom',
labelHeightAdjust: -5,
ticks: [0, {!data.x25pct},{!data.x75pct},{!data.target}],
intervals:[{!data.x25pct},{!data.x75pct},{!data.target}],
intervalColors:['#C25454', '#C2C254', '#54C254'],
ringColor: '#363636',
tickColor: '#363636',
ringWidth: 6
}
}
});
});
</script>
</apex:page>
Благодаря Стив
Эй вы можете указать мне страницу документации, где я могу найти все эти классы css. –
У меня нет документа. Я просто попробую и с Google Chrome Inspect. Я посмотрел класс/ID элемента. –
ОК. Огромное спасибо. –