Nano Hash - криптовалюты, майнинг, программирование

Текст заголовка Highcharts с двумя динамическими датами

На моей странице JSP я интегрировал графики highcharts.

Следующий код извлекает 2 разные даты с предыдущей страницы:

String T1=request.getParameter("T1");
String T2=request.getParameter("T2");

Я хочу эффективно передать эти две даты в текст заголовка графика highcharts. Пожалуйста, помогите мне заставить код работать.

Ниже приведен код текста заголовка в highcharts:

title: {
                text: 'Database Status From ${T1} to ${T2}',
                    style: {fontSize: '10px'}
            },
dynamic highcharts jsp title
05.08.2013

  • Это JSP? Вы получаете какие-либо ошибки? 06.08.2013
  • да, это JSP, и я поставил ${T1} ,${T2}, и когда я это делаю, он выдает ошибку. пожалуйста помоги. 06.08.2013
  • Я давно не использовал jsp, но я попробую. Какую ошибку вы получаете? Если вы посмотрите на код в инструментах разработчика, что вы видите для текстовой строки (к тому времени она должна быть заменена значениями)? 06.08.2013
  • Я не получаю ошибку как таковую, но мое намерение не было выполнено. 06.08.2013
  • Код JavaScript выглядит следующим образом: 06.08.2013
  • var valdt1 = '‹%=request.getParameter(T1) %›'; var valdt2 = '‹%=request.getParameter(T2) %›'; chart = new Highcharts.Chart({chart: { renderTo: 'PIE', plotBackgroundColor: null, plotBorderWidth: null, plotShadow: false}, title: { text: 'Статус базы данных от {valdt1} до {valdt2}', style: {размер шрифта: '10px'} 06.08.2013

Ответы:


1

Я сделал для вас скрипку: http://jsfiddle.net/96AhK/

$(function () {
    var valdt1 = 'T1'; //<%=request.getParameter("T1") %>
    var valdt2 = 'T2';  //<%=request.getParameter("T2") %>
    chart = new Highcharts.Chart(
        { chart: { renderTo: 'PIE', 
                  plotBackgroundColor: null, 
                  plotBorderWidth: null, 
                  plotShadow: false,
                  type: 'pie'}, 
         title: { 
             text: 'Database Status From ' + valdt1 +' To ' + valdt2, 
             style: {fontSize: '10px'}
         },
         xAxis: {
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
        },
        series: [{
            data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]        
        }]
    });
});

Мне пришлось заменить код на стороне сервера (request.getParameter), чтобы он работал в jsfiddle, но ваш код мне кажется правильным. Когда вы используете переменные, создавайте строку, соединяя части вместе:

text: 'Database Status From ' + valdt1 +' To ' + valdt2,
06.08.2013
  • Спасибо, Барбара... сработало. Иногда простые вещи никогда не приходят в голову. Это здорово... Еще раз спасибо. Я просто заменил/раскомментировал код на: var valdt1 = ‹%=request.getParameter(T1) %› var valdt2 = ‹%=request.getParameter(T2) %› 06.08.2013

    • 2

    Ниже приведен код, который отлично работал после реализации вашего (Барбары) предложения:

    <script>

$(function () {
    var chart;

var val1 = '<%=instdbout %>';
var val2 = '<%=seconds %>';

var result1 = (val1 / val2) * 100;
var result2 = 100 - result1;

var valdt1 = '<%=request.getParameter("T1") %>';
var valdt2 = '<%=request.getParameter("T2") %>';

    $(document).ready(function() {

        // Radialize the colors
        Highcharts.getOptions().colors = $.map(Highcharts.getOptions().colors, function(color) {
            return {
                radialGradient: { cx: 0.5, cy: 0.3, r: 0.7 },
                stops: [
                    [0, color],
                    [1, Highcharts.Color(color).brighten(-0.3).get('rgb')] // darken
                ]
            };
        });

        // Build the chart 1
        chart = new Highcharts.Chart({
            chart: {
                renderTo: 'PIE',
                plotBackgroundColor: null,
                plotBorderWidth: null,
                plotShadow: false
            },
            title: { 
             text: 'Database Status From ' + valdt1 +' To ' + valdt2, 
             style: {fontSize: '10px'}
         },
    06.08.2013
    Новые материалы
    Кластеризация: более глубокий взгляд
    Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..
    Как написать эффективное резюме
    Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..
    Частный метод Python: улучшение инкапсуляции и безопасности
    Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..
    Как я автоматизирую тестирование с помощью Jest
    Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..
    Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
    Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..
    Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
    В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..
    Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
    В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..